skip to content

Image Grid

Usage:

  • Good to break up long articles
  • Could be used to display multiple graphs/charts

Page type used: Image

Can be used in all row options

Mobile: Every image is stacked and takes up the entire width of the page

Logic:

  • Grid is always centered in the row

Specs:

  • Image
    • Max width: 800px
      • Height is up to the designers discretion, but all images MUST be sized the same
    • Save images for web to help with loading time
    • Doesn't seem to crop when adapts to other section widths (ratio stays the same)

  • Not recommend to have an odd number of images
  • For a single image use the following widget: Image or rich text

Different sized images

Uneven number of images

Full width

1440px width

1090px width

980px width

865px width

790px width

675px width

Two Columns - 1440px width

Two Columns - 1180px width