This page shows how to construct grids. We strongly encourage you use only the layouts that are in the darker grey. Think about your golden ratio!
- The grid must add up to 12
- Add a class of .last to the last column in a row.
- If you're putting columns inside columns the first column must have a class of "first" as well as the last class having a class of "last"
Remember to use HTML5 semantic tags for layouts! Use <article> for pages with lots of text, use <section> for structure and use <aside> for sidebars.
To add padding, add a class of "box" to an element inside a grid column. Do not add class "box" to an element with a grid_* class!