Grid

Grids are used to guide the designers how to position elements/containers on the webpage. Sapphire's grid system uses a series of containers, rows, and columns to layout and align content. It's built using CSS Grids and are fully responsive on different screens.








Simplified Grid



There are two variants of grids available, 2 col layout, and 3 col layout. Grid layouts can be created by adding the .grid-2, and .grid-3 classes.



2 Col Layout


beautiful view
beautiful view






3 Col Layout


beautiful view
beautiful view
beautiful view