Grid

Layout includes flexbox-based responsive grid system with 12 columns. You can specify the width of each column by adding attribute col=<1-12>

<script>
    import {Button, Col, Grid} from 'svelte-spectre'
</script>

<Grid stack>
    <Col col="5"><div class="bg-secondary p-1">col-5</div></Col>
    <Col col="7"><div class="bg-primary p-1">col-7</div></Col>
    <Col col="8"><div class="bg-secondary p-1">col-8</div></Col>
    <Col col="4"><div class="bg-primary p-1">col-4</div></Col>
</Grid>