Component for creating grid layouts.
<Grid columns="3" gap="3" width="auto">
<Box height="9">
<DecorativeBox />
</Box>
<Box height="9">
<DecorativeBox />
</Box>
<Box height="9">
<DecorativeBox />
</Box>
<Box height="9">
<DecorativeBox />
</Box>
<Box height="9">
<DecorativeBox />
</Box>
<Box height="9">
<DecorativeBox />
</Box>
</Grid>
This component is based on the div element and supports common margin props.
Use these props to create grid layouts.
The following props are shared between Box, Flex, Grid, Container and Section layout components.