---
name: Grid
route: /components/common/grid
menu: Grid
edit: false
---

import { Playground } from 'docz'
import './grid'

# Grid

<hr />

## Grid

### Screen sizes below 800px
<Playground>
  <code>
  --ds-grid-gap: 0.75rem; /* 12px */<br />
  --ds-grid-gutter: 1.5rem; /* 24px */<br />
  </code>
</Playground>

### Screen sizes above 800px
<Playground>
  <code>
  --ds-grid-gap: 0.75rem; /* 16px */<br />
  --ds-grid-gutter: 1.5rem; /* 32px */<br />
  </code>
</Playground>