Layout

<div class="container">
  <div class="grid-row">
    <div class="column-half">
      <p>
        Content
      </p>
    </div>
    <div class="column-half">
      <p>
        Content
      </p>
    </div>
  </div>
</div>

<div class="container">
  <div class="grid-row">
    <div class="column-third">
      <p>
        Content
      </p>
    </div>
    <div class="column-third">
      <p>
        Content
      </p>
    </div>
    <div class="column-third">
      <p>
        Content
      </p>
    </div>
  </div>
  <div class="grid-row">
    <div class="column-two-thirds">
      <p>
        Content
      </p>
    </div>
    <div class="column-third">
      <p>
        Content
      </p>
    </div>
  </div>
</div>

<div class="container">
  <div class="grid-row">
    <div class="column-quarter">
      <p>
        Content
      </p>
    </div>
    <div class="column-quarter">
      <p>
        Content
      </p>
    </div>
    <div class="column-quarter">
      <p>
        Content
      </p>
    </div>
    <div class="column-quarter">
      <p>
        Content
      </p>
    </div>
  </div>
</div>