<h2>Tablet (and up) grid</h2>
<div class="grid-wrap">
<div class="grid-col tablet-grid-full-width">
<code>Full width</code>
</div>
</div>
<div class="grid-wrap">
<div class="grid-col tablet-grid-one-half">
<code>One Half</code>
</div>
<div class="grid-col tablet-grid-one-half">
<code>One half</code>
</div>
</div>
<div class="grid-wrap">
<div class="grid-col tablet-grid-one-third">
<code>One Third</code>
</div>
<div class="grid-col tablet-grid-two-thirds">
<code>Two Thirds</code>
</div>
</div>
<div class="grid-wrap">
<div class="grid-col tablet-grid-one-quarter">
<code>One Quarter</code>
</div>
<div class="grid-col tablet-grid-three-quarters">
<code>Three Quarters</code>
</div>
</div>
<div class="grid-wrap">
<div class="grid-col tablet-grid-one-sixth">
<code>One Sixth</code>
</div>
<div class="grid-col tablet-grid-five-sixths">
<code>Five Sixths</code>
</div>
</div>