Using the default Neat grid
.default-neat-grid pattern includes the
grid-container mixin as the wrapper.
.default-neat-grid__a-single-column then includes
grid-column and only specifies a column count of one for the default grid that comes with Neat, which has 12 columns and 20px wide gutters.
Make a custom Neat grid
Instead of using Neat's default grid, make a custom one. Store it as a map variable, and provide it when calling the Neat's mixins. Here is a grid with three columns and 60px gutters.
Nest one grid inside another
Make two custom grids and nest one inside the other. The nested grid calls
grid-collapse to fit it nicely inside its parent.
A responsive grid
grid-media as a handy responsive shortcut. All
@includes of Neat mixins within the block will now have the context of the provided grid.