CSS Grid Framework

gistfile1.css

.layout {
    display: flex;
}

.layout__col {
    flex: 1;
}

.layout__col + .layout__col {
    margin-left: 15px;  
}

gistfile2.html

<div class="layout">
  <div class="layout__col">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
  </div>
</div>

<div class="layout">
  <div class="layout__col">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
  </div>
  <div class="layout__col">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
  </div>
  <div class="layout__col">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
  </div>
</div>

<div class="layout">
  <div class="layout__col">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
  </div>
  <div class="layout__col">
    <div class="layout">
      <div class="layout__col">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
      </div>
      <div class="layout__col">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
      </div>
    </div>
  </div>
  <div class="layout__col">
    <div class="layout">
      <div class="layout__col">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
      </div>
      <div class="layout__col">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
      </div>
      <div class="layout__col">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
      </div>
    </div>
  </div>
</div>

<div class="layout">
  <div class="layout__col">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
  </div>
  <div class="layout__col">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
  </div>
</div>

<div class="layout">
  <div class="layout__col">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
  </div>
  <div class="layout__col">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
  </div>
    <div class="layout__col">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
  </div>
  <div class="layout__col">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa necessitatibus incidunt doloremque consequatur, sit esse mollitia hic nam, porro, nulla, consectetur tempora maxime optio. Accusantium officia magni similique, a inventore.</p>
  </div>
</div>

You've missed something http://codepen.io/anon/pen/dPvmNO