madgrid

Flexible CSS3 Flexbox Grid System

Simple example

<div class="row">
	<div class="col">
		content
	</div>
</div>

Simple example with 3 columns

<div class="row">
	<div class="col">content</div>
	<div class="col">content</div>
	<div class="col">content</div>
</div>

Example with percentage width

<div class="row">
	<div class="col col--lg70">content 70%</div>
	<div class="col col--lg30">content 30%</div>
</div>

<div class="row">
	<div class="col col--md20">content 20%</div>
	<div class="col col--md80">content 80%</div>
</div>

Example with percentage width

<div class="row">
	<div class="col col--fixed200">content 200px fixed</div>
	<div class="col">content</div>
</div>