Layout

Grid

Grid is composed of columns. Columns are vertically align on the top as a default. Columns that don’t fit within the grid size will automatically wrap into new rows.

Column 1
Column 2
<div class="grid full-width">
    <div class="column outline">Column 1</div><!--
--><div class="column outline">Column 2</div><!--
--></div>

Column widths

Set a width on the column in order to restrict its size.

Column 1
Column 2
<div class="grid full-width">
    <div class="column one-fourth outline">Column 1 </div><!--
--><div class="column three-fourths outline">Column 2</div><!--
--></div>