• Visual Language
  • Grid

Tablet (and up) grid

View Tablet (and up) grid

 
<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>