Page Grids

one row will divide to the number of parts, if you just set class='c'

.C
.C
.C
.C
.C

on large screens if you just set class='x', it will take the x class ratio

.C12 .X6
.C12 .X6

three equal parts

.C4
.C4
.C4

sum of parts is 12, every part will take ratio of it's class number

.C3
.C1
.C4
.C2
.C2

it will take just 6 part of 12

.C3
.C3

float right boxes, by .os class

.C3 OS
.C3 .OS

Responsive on medium devices, like tablet's by .m classes

.C3 .M6
.C3 .M6

Responsive on mobile devices by .s classes

.C3 .M6 .S12
.C3 .M6 .S12
.C3 .M9 .S4
.C3 .M3 .S8