To build a grid, just add
- a container with a grid class if without gutter or grid--with-gutter class if with gutter;
- a grid-cell class for the columns;
- a class for the column's width;
Each grid-cell has a default width of 100%. Groundwork grid supports up to 12 columns.
Contained in grid (grid with no gutter)
Contained in grid--with-gutter (grid with gutter)
The classes above have a breakpoint of the medium screens. For breakpoints of small and large screens, append --s or --l to the classes. Eg.: is-6--s or is-6--l
Blocks in Groundwork have the grid-cell class. They take the full width of their region by default. To create columns, just add the width classes .is-# to your blocks. The layout then is unlimited.