Image Grid

An image grid displays a list of images in a grid. It provides a consistent look and feel that is responsive.

Implementation

Things to know:

This snippet is edited through a table-based interface.

Grid items are added and removed by increasing or decreasing the number of table rows. 

The text in the second column can be used to create a link in both the image and the text.

The maximum number of columns can be set.

Images are optional. But stay consistant. You may get undesired results if you mix grid items with and without images

Links are optional. You can leave as default.

Image Information:

Image Dimensions (By Pixels): 800px 435px 

Alternatively, if the image has been resized closer to the recommended image size, a 16:9 crop in the Omni Image Editor should work. Note you might not get the exact dimensions, but at least try to match the width. 

When to use this snippet:

The image grid snippet is great for landing pages.

It is also great when you you don't have much content but want to simply display links on a page.

The image grid should NOT be used as an image gallery.

Snippet Map:

The images below depict how the fields in the snippet table are rendered in the final result.

Snippet table:

 

Final Result:

Live example:

3 Column Max (Desktop Only)

Link Text

Enter content here

Link Text

Enter content here

Link Text

Enter content here

Link Text

Enter content here

Link Text

Enter content here

Link Text

Enter content here

2 Column Without Images Example:

Link Text

Enter content here

Link Text

Enter content here

Link Text

Enter content here

Link Text

Enter content here

---