Two column
Two column displays content in a grid of equal widths.
Breakdown
Fixed width
Headings and paragraph content arranged across our 12 column grid. It uses two empty columns to create content columns of equal widths across the page.
H2 headline
H3 subhead
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac euismod eros. Vestibulum porta eleifend nisi, nec ultrices odio tempor vel. Nulla nisi metus, mattis et interdum vel, dignissim ut mauris. Aenean convallis sem nisi, non placerat metus porta et.
H3 subhead
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac euismod eros. Vestibulum porta eleifend nisi, nec ultrices odio tempor vel. Nulla nisi metus, mattis et interdum vel, dignissim ut mauris. Aenean convallis sem nisi, non placerat metus porta et.
Full width
A full width variant that has changable background colours.
H2 headline
H3 subhead
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac euismod eros. Vestibulum porta eleifend nisi, nec ultrices odio tempor vel. Nulla nisi metus, mattis et interdum vel, dignissim ut mauris. Aenean convallis sem nisi, non placerat metus porta et.
H3 subhead
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac euismod eros. Vestibulum porta eleifend nisi, nec ultrices odio tempor vel. Nulla nisi metus, mattis et interdum vel, dignissim ut mauris. Aenean convallis sem nisi, non placerat metus porta et.
Usage
Grid
Two column uses 10 of the 12 columns of the grid for content. Two columns are left empty to create space for the content to breathe as usually content styled like this are treated as separate to one another.
