- Style 01
Using fr units
The grid below uses fr units set the quantity of columns and their size. To add or remove a column, you must add/remove one of the fr units.
Left
Center
Right
- Style 01
Replacing fr units with the minmax() function
The grid below uses minmax to set the quantity of columns and their min/max size. To add or remove a column, you must add/remove one of the minmax functions.
Left
Center
Right
- Style 02
Easy equal columns using the repeat() function
The grid below uses the repeat() function to set the number of columns and their min/max size. To change the number of columns, simply adjust the number “3” to something else.