# Image Grid

> Image Grid usage

---


The `img` shortcode has support for the `grid` attribute.
The following values are supported:
- `wide`
- `last-third`
- `first-third`
- `first-two-thirds` (default)

``` go-template

```

## Default
By default, and image will take up the first two-thirds of the grid, allowing for call out content to its right.
![image](hero-graphic.webp)
**Note:** 
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.

![image](hero-graphic.webp)

## `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.
![image](hero-graphic.webp)