Stylabilla

3.2 #Layout.grid Grid

A basic 12 column flexbox grid. Apply sb-grid to the wrapper element. If you also want a vertical gutter, include sb-grid--gutter-vertical.

Browser support: IE10+, Safari9+, Firefox30+, Chrome30+

Default styling

.sb-col-4

.sb-grid--gutter-vertical

Vertical gutter

.sb-col-4

Markup

<div class="sb-grid [modifier class]">
  <div class="sb-tile sb-padding sb-col-4">
    .sb-col-4
  </div>
  <div class="sb-tile sb-padding sb-col-4">
    .sb-col-4
  </div>
  <div class="sb-tile sb-padding sb-col-4">
    .sb-col-4
  </div>
  <div class="sb-tile sb-padding sb-col-4">
    .sb-col-4
  </div>
  <div class="sb-tile sb-padding sb-col-4">
    .sb-col-4
  </div>
  <div class="sb-tile sb-padding sb-col-4">
    .sb-col-4
  </div>
</div>

Source: layout/_layout.scss, line 102