Media Grid Block

The Media Grid Block allows you to easily display a collection of images on your website. Add items as needed. You can drag and drop to rearrange them or adjust their order by numerical weight.

media grid block icon
  • Displays a collection of images within a responsive grid
  • Images are not interactive
  • Does not support captions

If your media assets require attribution or you would like users to be able to interact with media items, use the Gallery Block instead.

Media Grid Options

Adjust the weight of each media grid item to determine the image hierarchy. You can show or hide the row weights using the option in the top right corner of the media editing section. Assign a numerical weight to each image, or use the same weight for multiple images to group them.

Media Grid Example

Below is an example of the media grid block being used on this page

  • Divinity Library
  • Two students walk down pathway at Silliman College during late summer
  • Yale vs Harvard at Fenway Park 2018
  • Students at Extracurricular Bazzar

Building With Blocks

This resource will help you understand the Blocks available and how to use them to make your content shine.

View This Resource