---
group: Utilities
---

[Box](/Box) with `display: grid`

```jsx live
<Grid gridTemplateColumns="200px 1fr" gap={3}>
  <Box p={3} bg="bg.success">
    Box 1
  </Box>
  <Box p={3} bg="bg.warning">
    Box 2
  </Box>
</Grid>
```