Content Components

Standard Grids

• Grid content
• Grid row

Grid content

2 column

3 column

4 column

5 column

6 column

7 column

<div class="grid-content grid-X-column">
  <div class="grid-block">grid-block</div>
  ...
</div>

Grid row

'Grid row' is an alternate option that allows for a grid of varying column widths, unlike 'Grid content' where each coloumn is an equal width.

<div class="grid-row">
  <div class="grid2">grid3</div>
  <div class="grid4">grid3</div>
  <div class="grid2">grid3</div>
</div>

Last updated
29 August 2018 @ 15:34 — Dean Robinson