# Grid

Create a two column grid layout simply by wrapping your elements in a `<Grid>` component.&#x20;

## Preview

<div align="left"><figure><img src="https://3357577683-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LlnrBGdA8s50Vnplq1j%2Fuploads%2FdHRv9BZoMxZv3cQNoXtC%2Fgrid.png?alt=media&#x26;token=6c682aee-62f4-4122-ada6-ea5a1f674cff" alt="" width="375"><figcaption></figcaption></figure></div>

## Code

```javascript
<Grid>
 <Children/>
</Grid>
```