Une définition de grille est composée d'un élément .grid, puis d'enfants avec une classe .grid-wX.
Tailles de grille disponibles :
.grid-w25.grid-w33.grid-w50.grid-w66.grid-w75.grid-w100<div class="grid">
<div class="grid-w50"></div>
<div class="grid-w25"></div>
<div class="grid-w25"></div>
<div class="grid-w50"></div>
<div class="grid-w50"></div>
<div class="grid-w33"></div>
<div class="grid-w33"></div>
<div class="grid-w33"></div>
<div class="grid-w66"></div>
<div class="grid-w33"></div>
<div class="grid-w100"></div>
<div class="grid-w25"></div>
<div class="grid-w25"></div>
<div class="grid-w25"></div>
<div class="grid-w25"></div>
<div class="grid-w75"></div>
<div class="grid-w25"></div>
<div class="grid-w20"></div>
<div class="grid-w20"></div>
<div class="grid-w20"></div>
<div class="grid-w20"></div>
<div class="grid-w20"></div>
<div class="grid-w20"></div>
<div class="grid-w80"></div>
<div class="grid-w40"></div>
<div class="grid-w60"></div>
</div>