Gridly - Grid Set Light

col-sm-6 / col-m-4
col-sm-6 / col-m-4
col-sm-2 / col-m-4
 
col-sm-12 / col-m-6
col-sm-12 / col-m-6
 
col-sm-3 / col-m-4 / col-ml-6
col-sm-3 / col-m-4 / col-ml-6
col-sm-3 / col-m-4 / col-ml-6
col-sm-3 / col-m-4 / col-ml-6
 
col-sm-3 / col-m-4 / col-ml-6
Example of a flexed row, if oprtion is available in browser, then the columns should be justiefied placed and of same height.
col-sm-3 / col-m-4 / col-ml-6
col-sm-3 / col-m-4 / col-ml-6
col-sm-3 / col-m-4 / col-ml-6
 
col-xs-12 col-xs--no-padded
Shows an example of columns which contains no padding top top and bottom.
Using --no-padded modifier forces to set padding back for bigger viewports again. This can be done by using --padded modifier again.
XS
S
SM
M
ML