Kindling

A pocket-sized grid system built on the flex display property.

The Primary Grid

Twelve columns, tons of combinations.

<div class="row">
  <div class="col-6"></div>
  <div class="col-6"></div>
</div>

Offset Columns

Expand your options further with offset columns.

<div class="row">
  <div class="col-2"></div>
  <div class="col-2 offset-4"></div>
  <div class="col-4"></div>
</div>

Gutters

To add spacing within each column, simply include the "module" helper.

<div class="row">
  <div class="module">
   <div class="col-2"></div>
   <div class="col-2 offset-4"></div>
   <div class="col-4"></div>
  </div>
</div>