<script>
import { Header, Content, Grid, Row, Column } from 'carbon-components-svelte@0.73.1';
</script>
<svelte:head><link rel="stylesheet" href="https://unpkg.com/carbon-components-svelte@0.73.1/css/g100.css" /></svelte:head>
<Header platformName="Carbon"/>
<Content class="content flex column items-stretch">
<div class="flex-grow">
<Grid>
<Row>
<Column>
<p>Content</p>
</Column>
</Row>
</Grid>
</div>
<footer class="flex-constant">
<p>Footer</p>
</footer>
</Content>
<style>
:global(.flex) { display: flex; }
:global(.flex.column) { flex-direction: column; }
:global(.flex.items-stretch) { align-items: stretch; }
:global(.flex-grow) {
flex-grow: 1;
flex-shrink: 0;
}
:global(.flex-constant) {
flex-grow: 0;
flex-shrink: 0;
}