FlexGrid 60

Usage

<link rel="stylesheet" href="http://boggyjan.github.io/flexgrid60/dist/css/flexgrid60.css">

Grid options

	Extra small devices Phones (<768px)	Small devices Tablets (≥768px)	Medium devices Desktops (≥992px)	Large devices Desktops (≥1200px)
Class prefix	.fx-xs-	.fx-sm-	.fx-md-	.fx-lg-
# of columns	60	60	60	60
Gutter width	0	0	0	0
Nestable	Yes	Yes	Yes	Yes
Offsets	No	No	No	No
Column ordering	No	No	No	No

Example

<div class="fx-row">
  <div class="fx-lg-10 fx-sm-20 fx-xs-30">...</div>
  <div class="fx-lg-20 fx-sm-20 fx-xs-30">...</div>
  <div class="fx-lg-30 fx-sm-20 fx-xs-60">...</div>
</div>

Demo

https://boggyjan.github.io/flexgrid60/dist/