Grid

Grid excels at dividing a page into major regions or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives.

Two Column Grid

To use two column grid, you need to use the class "grid two-item-grid"

<div class="grid two-item-grid">
<div class="grid-item"><h4>Grid Item</h4></div>
<div class="grid-item"><h4>Grid Item</h4></div>
</div>

Grid Item

Grid Item

Three Column Grid

To use three column grid, you need to use the class "grid three-item-grid"

<div class="grid three-item-grid">
<div class="grid-item"><h4>Grid Item</h4></div>...
</div>

Grid Item

Grid Item

Grid Item

Auto Grid

To use auto grid, you need to use the class "grid auto-grid"

<div class="grid auto-grid">
<div class="grid-item"><h4>Grid Item</h4></div>...
</div>

Grid Item

Grid Item

Grid Item

Grid Item

Grid Item

Grid Item

Grid Item

Grid Item

Grid Item