Grid

Grids are useful in creating complex layouts. We have a set of classes to make you use grid in a simplified manner.

Grid 50:50 layout

We have grid-50-50 class to achieve two equal containers in a parent container. Using media queries we give complete space to the containers when viewport width is less than 480px.

Grid 30:70 layout

We have grid-30-70 class to achieve containers of width in proportion if 30:70 in a parent container. Using media queries we give complete space to the containers when viewport width is less than 480px.

Grid 4 column layout

We have grid-4-col class to achieve containers of width of 4 equal proportions and on decreasing the view port with we divide it into 3,2 and then 1.