Keep the layout in order...

This is The Grid, the first free website template from which is built upon a CSS grid system. Inspired by the 1KB CSS Grid and other systems, The Grid template has a 12-column grid based on 60 pixels wide columns with 20 pixels of space inbetween. To use the grid, you create a div with the class="row" and then place any number of divs with class="col" and a second class stating the width of the column (c1-c12) inside the row. The Grid supports nested rows which means that thousands of layout combinations can be created, from single-column pages to advanced magazine-style layouts. The template uses standards-compliant code.

Want to use it?

Like all templates from, The Grid template is free to modify and free to use for any purpose. If you find The Grid template useful, please keep the footer credit link to help others find the template.

Related resources?

Tutorials, alternate versions, additions and articles about using this template and others, can be found on and on The Grid template page.

Theme versions?

If you convert this template into a theme for WordPress, Drupal, Joomla, Tumblr or any other CMS or blog service, please contact me. I would be happy to distribute theme versions of this template through