Grid

Grid is an object that allows you to create a grid of elements. Please note that we support both the .grid and .o-grid syntax. However the .grid class should be considered deprecated and .o-grid as it's better scoped and is therefor favored.

Regular grid

<div class="o-grid">
              <div class="o-grid-12@sm o-grid-6@md o-grid-4@lg o-grid-4@xl">Column</div>
              <div class="o-grid-12@sm o-grid-6@md o-grid-4@lg o-grid-4@xl">Column</div>
              <div class="o-grid-12@sm o-grid-6@md o-grid-4@lg o-grid-4@xl">Column</div>
              <div class="o-grid-12@sm o-grid-6@md o-grid-4@lg o-grid-4@xl">Column</div>
          </div>