<div class="ss-container ss-py-4">
  <div class="ss-row ss-center">
    <div class="ss-col s12 m6 l3 ss-bg-brand">
      1
    </div>
    <div class="ss-col s12 m6 l3 ss-bg-sand">
      2
    </div>
    <div class="ss-col s12 m6 l3 ss-bg-aqua">
      3
    </div>
    <div class="ss-col s12 m6 l3 ss-bg-gray">
      4
    </div>
    <div class="ss-col s12 m6 l3 ss-bg-indigo">
      5
    </div>
    <div class="ss-col s12 m6 l3 ss-bg-light-black">
      6
    </div>
    <div class="ss-col s12 m6 l3 ss-bg-blue">
      7
    </div>
    <div class="ss-col s12 m6 l3 ss-bg-yellow">
      8
    </div>
    <div class="ss-col s12 m6 l3 ss-bg-maroon">
      9
    </div>
    <div class="ss-col s12 m6 l3 ss-bg-brown">
      10
    </div>
    <div class="ss-col s12 m6 l3 ss-bg-lime">
      11
    </div>
    <div class="ss-col s12 m6 l3 ss-bg-khaki">
      12
    </div>
  </div>
</div>
Run Pen

External CSS

  1. https://cdn.jsdelivr.net/gh/shoaiyb/sysacss@master/sysa.css

External JavaScript

This Pen doesn't use any external JavaScript resources.