Flex One - 1 CSS Class System
.fluid {flex:1}
50%
50%
33,3%
33,3%
33,3%
25%
25%
25%
25%
20%
20%
20%
20%
20%
16,66%
16,66%
16,66%
16,66%
16,66%
16,66%
12,5%
12,5%
12,5%
12,5%
12,5%
12,5%
12,5%
12,5%
12,5%
12,5%
12,5%
12,5%
12,5%
12,5%
12,5%
12,5%
1
1
1
Merge 3
1
1
Merge 2
1
Merge 3 (take 3 places)
1
1
1
Nested column
Nested column
// Just add any number of .fluid columns like this:
// Three Columns with .clear class
<div class="fluid"></div>
<div class="fluid"></div>
<div class="fluid"></div>
<div class="clear"></div>
// Three Columns with .columns class
<div class="columns">
<div class="fluid"></div>
<div class="fluid"></div>
<div class="fluid"></div>
</div>