The Grid component is a CSS Grid wrapper. It goes very well together with the Column component, which allows to set column widths in a very comfortable way. Any other element within the Grid component can be used as well though.
Check out the Column component docs for all available column widths.
The grid does not have any gutter by default, but you can pass the following gutter sizes to control spacing between columns:
The Grid component can be used with any child element. By default each element has a width of 1/12. You can either control the width of each element with the
grid-column-start CSS property, or you can change the number of columns of the grid.
With some CSS variable magic, the Grid component can change its number of columns