Grid

The grid component is a layout component that arranges its children in a grid layout. It supports both fixed and fluid layouts.

It has a display: grid style by default.

How to use

// Before
<Grid>
    <Box bg="blue" w={25} h={25} />
    <Box bg="blue" w={25} h={25} />
    <Box bg="blue" w={25} h={25} />
</Grid>

// After, It has a class on default
<div className="d3">
    <div className="d0 d1 d2"></div>
    <div className="d0 d1 d2"></div>
    <div className="d0 d1 d2"></div>
</div>
    ```