Flexible Grid

A grid system based on the flex

Responsive

Allows to build for mobile and tablet

Lightweight

The weight ~4kb

Flexbox

Based on flexbox

12 columns

Known to all system

Simple Syntax

<div class="case">
   <div class="row">
       <div class="c-lg-12 c-md-12 c-sm-12 c-xs-12">
           <!-- This content will take up 12/12 (or 1/1) of the case -->
       </div>
   </div>
</div>

lg - for large display (min-width: 75em)
md - for medium (min-width: 62em)
sm - for small (min-width: 48em)
xs - for extra small (max-width: 48em)

Example structure

12
6
6
4
4
4
3
3
3
3
2
2
2
2
2
2
1
1
1
1
1
1
1
1
1
1
1
1
Start now