...
To control space between children, use the spacing prop. The spacing value can be any positive number, including decimals and any string. The prop is converted into a CSS property using the theme.spacing() helper.
Responsive values are supported by:
columns
columnSpacing
direction
rowSpacing
spacing
all the other props of the system.
| Info |
|---|
When using a responsive columns prop, each grid item needs its corresponding breakpoint. For instance, this is not working. |
...
Container
‘Container’ component allows to wrap the content and to have that wrapper in one place, so styles won’t be copy-pasted. Using this component maximum width will be limited as well as paddings. It prevents content from “sticking” to the screen.
...