Grid module layout option

You could set grid layout by these options(Column, Spacing, Ratio, and so on).

Column: It supports 1-12 columns for desktop/mobile.

Item Spacing: You can set the vertical and horizontal spacing separately. You can set the gird spacing for desktop and mobile separately also.

You could set the item spacing

Grid Ratio: The ratio supports 4:3, 3:2, 16:9, 2:1, 1:1, 2:3, 3:4, Auto. The Auto will be shown as image origin ratio.

Fit Image into Grid: The images are filled into the grid by default(the images will be cropped). If the “Fit Image into Grid” option is activated, the images will be fit within the grid, the size of the image will be limited in the grid.

Grid List Type: there are Regular and Waterfall options, the Regular is default. The extra top/bottom spacing between items will be removed. It will look like:

Was this article helpful?

Related Articles