A customizable flexbox grid.
Customizable flexbox grid.
You can setup custom values for your grid. Follow instructions here for a how to.
Additionally, you can set _$fg-columns_ as a list to generate a grid with multiple bases:
$fg-columns: 10, 12, 16;
You can also set different spacing per breakpoint using _$fg-gutter_.
Note: You can skip a breakpoint if you want.
$fg-gutter: (xs: 0.5rem, md: 1rem, lg: 1.5rem);
Finally, import the grid into your file:
@import '@bva/flex-grid';