00%
images loaded

The grid

The grid is based on a custom, 8-rule grid system. The structure is as follows:

<div class="grid"> // Start with a grid class
	<div class="col-8"></div> // Full width
	<div class="col-4"></div> // Half width
	<div class="col-2"></div> // Quarter width
</div>

Example

The grid always respects the vertical lines that Peel features. You can see an example below.

.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-2
.col-2
.col-2
.col-2
.col-2
.col-3
.col-3
.col-4
.col-4