Grid System

Grid system

Powerful mobile-first flexbox grid.

Extra small
<576px		 Small
≥576px		 Medium
≥768px		 Large
≥992px		 Extra large
≥1200px
Max container width None (auto) 540px 720px 960px 1140px
Class prefix .ColumnSize.Is{n} .ColumnSize.Is{n}.OnTablet .ColumnSize.Is{n}.OnDesktop .ColumnSize.Is{n}.OnWidescreen .ColumnSize.Is{n}.OnFullHD
# of columns 12
Gutter width 24px (12px on each side of a column)
Custom gutters Yes
Nestable Yes
Column ordering Yes

Examples