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.