Digital Design

Grid Layouts

Grid Layouts

This page shows the different grid layouts you can create with the content type '04. Box'. It includes the image size requirements for each layout.

When creating a grid layout the columns styles for each row must add up to one, eg 1/2 + 1/2 = 1.

A grid can have no more than two rows of boxes. If adding contextual content before a grid, keep it short. You can include an introduction and a single, short paragraph.

Three columns

A three column grid is made up of three boxes with the column style 'Third'.

Two column (50:50)

A two column (50:50) grid is made up of two boxes with the column style 'Half'.

Two column (66:33)

A two column (66:33) grid is made up of two boxes, one with the column style 'Two Thirds' and one with the column style 'Third'.

The 'Two Thirds' box should always appear on the left - it takes priority.

Full width

A full width grid is made up of a single box with the column style 'Full width'.