Grid tokens provided by @hashicorp/mktg-global-styles:
https://github.com/hashicorp/mktg-global-styles/blob/main/components/g-grid.css
| Breakpoint | Columns | Gap |
|---|---|---|
| Small | 4 | 16px |
| Medium | 12 | 24px |
| Large | 12 | 32px |
| Breakpoint | Max width | Padding X |
|---|---|---|
| Small | 616px | 24px |
| Medium | 944px | 40px |
| Large | 1312px | 48px |