> For the complete documentation index, see [llms.txt](https://docs.usegravity.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.usegravity.app/gravity-native/components/grid.md).

# 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&amp;token=6c682aee-62f4-4122-ada6-ea5a1f674cff" alt="" width="375"><figcaption></figcaption></figure></div>

## Code

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