Why use Image Grid (Auto Grid)? 

Image Grid (Auto Grid) are magic. Upload not just images, but also, textboxes or videos and it will generate a perfectly proportioned grid. 

Essentially, Image Grid (Auto Grid) allow flexibility in design while still using proportional pixel-values. For this reason, autogrids are the ideal choice for responsive design.

Image Grid (Auto Grid) has the following capabilities:

You can review the grid basics here.

What makes Image Grid (Auto Grid) unique are the gutters. Easily drag and adjust the layout of your autogrid by using autogrid gutters. You can customize the size and color of the gutters from 0px and above using the contextual panel on the right hand side:


Use the diagram in the right side panel to set the pattern for your grid using the + and - signs for each breakpoint. For example, you can have a 4 column grid on desktop, change it to 2 column on tablet and one column on mobile simply by using the +/- on the contextual panel on each breakpoint. 

Note: The pattern you set above the full width plus sign will apply to the entire grid - including any additional objects that you add later.

maker