μμ-grid - Flexbox based, minimalistic CSS grid framework

Minimal markup required

      
        <div class="row">
          <div class="column">
            <div class="box">A</div>
          </div>
          <div class="column">
            <div class="box">B</div>
          </div>
        </div>
      
    

Responsive column widths

      
        <div class="row">
          <div class="column w2 w12--large">
            <div class="box">A</div>
          </div>
          <div class="column w4 w6--large">
            <div class="box">B</div>
          </div>
          <div class="column w6">
            <div class="box">C</div>
          </div>
        </div>
      
    

Offsets

      
        <div class="row">
          <div class="column w2 offset2--large">
            <div class="box">A</div>
          </div>
          <div class="column w4 offset4--large">
            <div class="box">B</div>
          </div>
        </div>
      
    

Alignment

justify-start

justify-center

justify-end

align-top

align-middle

align-bottom