<script>
  import { Grid, Row, Column } from "carbon-components-svelte";
</script>

<Grid>
  <Row>
    <Column
      sm="{{ span: 1, offset: 3 }}"
      style="outline: 1px solid var(--cds-interactive-04)"
    >
      Offset 3
    </Column>
    <Column
      sm="{{ span: 2, offset: 2 }}"
      style="outline: 1px solid var(--cds-interactive-04)"
    >
      Offset 2
    </Column>
    <Column
      sm="{{ span: 3, offset: 1 }}"
      style="outline: 1px solid var(--cds-interactive-04)"
    >
      Offset 1
    </Column>
    <Column
      sm="{{ span: 4, offset: 0 }}"
      style="outline: 1px solid var(--cds-interactive-04)"
    >
      Offset 0
    </Column>
  </Row>
</Grid>
