This project uses a 12 column grid.
<div class="row demo-row row-ib-cols cf">
<div class="col col-2-vpdelta col-3-vpgamma col-6-vpbeta col-12-vpalpha">
12→6→3→
</div>
<div class="col col-2-vpdelta col-3-vpgamma col-6-vpbeta col-12-vpalpha">
12→6→3→
</div>
<div class="col col-2-vpdelta col-3-vpgamma col-6-vpbeta col-12-vpalpha">
12→6→3→
</div>
<div class="col col-2-vpdelta col-3-vpgamma col-6-vpbeta col-12-vpalpha">
12→6→3→
</div>
<div class="col col-2-vpdelta col-3-vpgamma col-6-vpbeta col-12-vpalpha">
12→6→3→
</div>
<div class="col col-2-vpdelta col-3-vpgamma col-6-vpbeta col-12-vpalpha">
12→6→3→
</div>
</div>
<div class="row demo-row cf">
<div class="col col-1-vpdelta col-2-vpgamma col-3-vpbeta col-6-vpalpha">
6→3→4→1
</div>
<div class="col col-1-vpdelta col-2-vpgamma col-3-vpbeta col-6-vpalpha">
6→3→4→1
</div>
<div class="col col-1-vpdelta col-2-vpgamma col-3-vpbeta col-6-vpalpha">
6→3→4→1
</div>
<div class="col col-1-vpdelta col-2-vpgamma col-3-vpbeta col-6-vpalpha">
6→3→4→1
</div>
<div class="col col-1-vpdelta col-2-vpgamma col-3-vpbeta col-6-vpalpha">
6→3→4→1
</div>
<div class="col col-1-vpdelta col-2-vpgamma col-3-vpbeta col-6-vpalpha">
6→3→4→1
</div>
<div class="col col-1-vpdelta col-2-vpgamma col-3-vpbeta col-6-vpalpha">
6→3→4→1
</div>
<div class="col col-1-vpdelta col-2-vpgamma col-3-vpbeta col-6-vpalpha">
6→3→4→1
</div>
<div class="col col-1-vpdelta col-2-vpgamma col-3-vpbeta col-6-vpalpha">
6→3→4→1
</div>
<div class="col col-1-vpdelta col-2-vpgamma col-3-vpbeta col-6-vpalpha">
6→3→4→1
</div>
<div class="col col-1-vpdelta col-2-vpgamma col-3-vpbeta col-6-vpalpha">
6→3→4→1
</div>
<div class="col col-1-vpdelta col-2-vpgamma col-3-vpbeta col-6-vpalpha">
6→3→4→1
</div>
</div>
</div>