My flex-box

This is my Flex box grid and the technical manual on how to use it with a sample example....

The Grid Nomenclature

This grid is based on a an Eight column system and is used to cover large parts of the screen!

Column System

  Col-lg-1 creates one Column of width 12.5%
  Col-lg-2 creates one Column of width 25%
  Col-lg-3 creates one Column of width 37.5%
  Col-lg-4 creates one Column of width 50%
  Col-lg-5 creates one Column of width 62.5%
  Col-lg-6 creates one Column of width 75%
  Col-lg-7 creates one Column of width 87.5%
  Col-lg-8 creates one Column of width 100%

---

Usage

  <div class="grid">
    <div class="col-lg-2"> contents </div>
    <div class="col-lg-4"> contents </div>
    <div class="col-lg-2"> contents </div>
  </div>

---