Grid

This page need more contributions.
Login or register to contribute to the docs.

Half

<div class="ss-container">
  <div class="ss-row">
    <div class="ss-half">
      half
    </div>
    <div class="ss-half">
      half
    </div>
  </div>
</div>

12 Columns

<div class="ss-container">
  <div class="ss-row">
    <div class="ss-col s12 m3 l2">
      1
    </div>
    <div class="ss-col s12 m3 l2">
      2
    </div>
    <div class="ss-col s12 m3 l2">
      3
    </div>
    <div class="ss-col s12 m3 l2">
      4
    </div>
    <div class="ss-col s12 m3 l2">
      5
    </div>
    <div class="ss-col s12 m3 l2">
      6
    </div>
    <div class="ss-col s12 m3 l2">
      7
    </div>
    <div class="ss-col s12 m3 l2">
      8
    </div>
    <div class="ss-col s12 m3 l2">
      9
    </div>
    <div class="ss-col s12 m3 l2">
      10
    </div>
    <div class="ss-col s12 m3 12">
      11
    </div>
    <div class="ss-col s12 m3 l2">
      12
    </div>
  </div>
</div>