Standard Grid

Percentage widths, set your column size by restricting the .container

Choreographic Grid #1: Split columns

On larger screens, split larger column in two, then on smaller screens split them while still keeping the overall grid.

Choreographic Grid #2: Shunt

On larger screens, allow smaller columns to site beside other column but on smaller screens 'shunt' them down below its siblings.

Choreographic Grid #3: Offset

On larger screens, allow smaller columns to site beside other column but on smaller screens 'shunt' them down below its siblings.

Choreographic Grid #4: Source Ordering

On larger screens, allow smaller columns to site beside other column but on smaller screens 'shunt' them down below its siblings.

Choreographic Grid #5: Centred Columns