We use a grid to structure our designs. Just like the typography and vertical spacing we use, our grid allows the creation of a consistent horizontal space.

Our grid has 12 columns that can be used in various combinations. It has gutters of 32px above 768px and 16px below 768px. We recommend its use because it has been designed to suit our typographic scale.

More detailed information on <a href="https://coop-design-manual.herokuapp.com/styles/grid.html">how to use our grid can be found in our design guidance</a>.