Layout Grids

Zones

Below are re-usable grids for your projects, grid class names are written to be descriptive and more natural language so a 2 column grid offset right is. 2-column-grid-offset-right  then combine section grids with content grids

So an example structure would be

1-column-grid-pad
container (area: content)
2-column-grid

A 2 column content grid nested inside of a 1 column grid with padding.
Straple Logo