grid

A simple, responsive, twelve column grid framework, enhanced from David Lumley's Concrete.

About

I stumbled over Concrete and loved the simplicity and naturalness of its use. But I needed a way to let rows float a bit different, so I decided to fork it.

Usage

Grid is build using columns classes which are inside of a row class.

The row class encapsulates the columns. As Concrete uses a twelve column grid, the twelve columns class will take up the whole of the row.

<div class='row'>
  <div class='twelve columns'>
  </div>
</div>

You can mix it up however you like though.

<div class='row'>
  <div class='four columns'>
  </div>
  <div class='eight columns'>
  </div>
</div>

You can put a row class inside of a column class in order to nest columns.

<div class='row'>
  <div class='four columns'>
  </div>
  <div class='eight columns'>
    <div class='row'>
      <div class='six columns'>
      </div>
      <div class='six columns'>
      </div>
    </div>
  </div>
</div>