Image Grid

The img shortcode has support for the grid attribute. The following values are supported:

• wide
• last-third
• first-third
• first-two-thirds (default)

{{<img src="hero-graphic.webp" grid="wide">}}

Default

By default, and image will take up the first two-thirds of the grid, allowing for call out content to its right.

Here is an example of a callout to the side of an image.

wide

Providing the “wide” option, will make the image take up the full grid.

last-third

Providing the “last-third” option, will make the image take up the last third of the grid, similar to a side call out. This makes it possible to place an image to the right of text.