Box and the common grid properties. It has a layout of 12, fluid-width columns and a default column and row gap of
space(2) (which is configurable).
Column is a
Box that sits inside of this 12-column grid layout, respecting the gutters. It accepts a
span which will determine the width of the column. One can also optionally specify a
start to offset where that column begins on the grid.
The columns by default collapse to a
span of 12 on small breakpoints, but this is configurable via styled-system's responsive props syntax: