A responsive grid system with CSS
The class names are similar to Bootstrap, there are classes for both spacing and grid layout.
The spacing classes are similar to Bootstrap, for example, mt-5
is equivalent to margin-top: 5rem
.
The grid layout classes are also similar to Bootstrap with the row
class acting as a flexbox and col-
classes acting as columns.
Each row has 12 columns.
The breakpoints in the grid are as follows:
col-lg | col-md | col-sm | |
---|---|---|---|
Max-width | 1024px | 767px | 480px |