Kindling

A grid framework based on the flex display property.

The Primary Grid

Up to twelve columns and a surplus of combinations.

Easy Column Formatting

Easy to remember markup patterns make rapid prototyping and layout development simple.

<div class="row">
	  <div class="span-4"></div>
	  <div class="span-4"></div>
	  <div class="span-4"></div>
</div>

Offset Columns

Expand your options further with offset columns, a simple way of adapting the standard twelve-column grid.

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