Woodlands.co.uk Component Library

Grid: Four Column

Grid

Ability to build grids.

<section class="grid grid--4">
    <div class="grid__inner">
        <div class="grid__item">
            1
        </div>
        <div class="grid__item">
            2
        </div>
        <div class="grid__item">
            3
        </div>
        <div class="grid__item">
            4
        </div>
    </div>
</section>
 
<section class="{{modifier 'grid' modifiers}}">
    <div class="grid__inner">
      <div class="grid__item">
        1
      </div>
      <div class="grid__item">
        2
      </div>
      <div class="grid__item">
        3
      </div>
      <div class="grid__item">
        4
      </div>
    </div>
</section>