---
components: ["Grid", "Row", "Column"]
---

<script>
  import Preview from "../../components/Preview.svelte";
</script>

### Default

<FileSource src="/framed/Grid/Grid" />

### Full width

<FileSource src="/framed/Grid/FullWidthGrid" />

### Narrow

<FileSource src="/framed/Grid/NarrowGrid" />

### Condensed

<FileSource src="/framed/Grid/CondensedGrid" />

### Responsive

<FileSource src="/framed/Grid/ResponsiveGrid" />

### Offset columns

<FileSource src="/framed/Grid/OffsetColumns" />

### Aspect ratio columns

<FileSource src="/framed/Grid/AspectRatioColumns" />

### Padded columns

<FileSource src="/framed/Grid/PaddedGrid" />