Image

One photo with an optional caption. Images fill the width of their column, so the same photo is a banner in a full-width row and a thumbnail in a quarter. Alt text is read aloud to families using a screen reader and shown when a photo fails to load; write what is in the picture.

Full width

One column across the page. The default, and what most of a site is.

Two equal columns

Half and half. Two things of equal weight, like in-house beside travel.

Wide + rail

Two thirds, then a third. The main thing on the left, something short on the right.

Rail + wide

A third, then two thirds. The rail leads; use it when the short thing matters first.

Three equal columns

Thirds. Three short things side by side. On a phone they stack in order.

Half + two quarters

A half, then two quarters. One main thing and two small ones beside it.