Grid 12 Column experiments

<div class="container">
  <h1>Skeleton Grid</h1>
  <div class="example-grid docs-example">
        <div class="row">
          <div class="four columns">Four columns</div>
          <div class="four columns">Four columns</div>
          <div class="four columns">Four columns</div>
        </div>
        <div class="row">
          <div class="eight columns">Eight columns</div>
          <div class="four columns">Four columns</div>
        </div>
        <div class="row">
          <div class="three columns">Three columns</div>
          <div class="three columns">Three columns</div>
          <div class="three columns">Three columns</div>
          <div class="three columns">Three columns</div>
        </div>
        <div class="row">
          <div class="six columns">Six columns</div>
          <div class="six columns">Six columns</div>
        </div>

</div>

<div class="wrapper skeleton">
  <h1 class="header">CSS Grid Layout Version</h1>
  <div class="box1">Four columns</div>
  <div class="box2">Four columns</div>
  <div class="box3">Four columns</div>
  <div class="box4">Eight columns</div>
  <div class="box5">Four columns</div>
  <div class="box6">Three columns</div>
  <div class="box7">Three columns</div>
  <div class="box8">Three columns</div>
  <div class="box9">Three columns</div>
  <div class="box10">Six columns</div>
  <div class="box11">Six columns</div>
</div>

<div class="wrapper skeleton">
  <h1 class="header">... and we can do this</h1>
  <div class="box1b">Four columns
  <br /> Two rows</div>
  <div class="box2b">Four columns
    <br /> Three rows</div>
  <div class="box3">Four columns</div>
  <div class="box5">Four columns</div>
  <div class="box6">Three columns</div>
  <div class="box7b">One</div>
  <div class="box8b">One</div>
  <div class="box9">Three columns</div>
  <div class="box10">Six columns</div>
  <div class="box11">Six columns</div>
</div>