Our grid system uses a series of containers, rows, and columns to layout content. It is built with CSS3 Grid layout and is fully responsive. The columns are defined with "col-sm-4" class for small devices and when the size reaches the breakpoint, the columns are stacked.
Screen Size
Extra small < 576px
Small >= 576px
Medium >= 768px
Large >= 960px
Extra large >= 1200px
Max width
None(auto)
540px
720px
960px
1140px
Class prefix
.col-
.col-sm-
.col-md-
.col-lg-
.col-xl-
Columns
12
Row Spacing
10px, controlled by --smart-grid-layout-row-gap.
Columns Spacing
10px, controlled by --smart-grid-layout-col-gap.
Nestable
Yes
Column and Row Ordering
Yes
Row Fill Remaining Space
Yes

The table above is built with our Grid system.