Grid

import { Grid, GridColumn, GridRow, Paper } from '@arctic-kit/snow';

function Demo() {
  return (
    <Grid spacing={1}>
      <GridRow>
        <GridColumn xs={12}>
          <Paper variant='outlined'>xs=12</Paper>
        </GridColumn>
        <GridColumn xs={12} sm={4}>
          <Paper variant='outlined'>xs=12 sm=4</Paper>
        </GridColumn>
        <GridColumn xs={12} sm={8}>
          <Paper variant='outlined'>xs=12 sm=8</Paper>
        </GridColumn>
      </GridRow>
      <GridRow>
        <GridColumn xs={12} sm={6} md={4} lg={3}>
          <Paper variant='outlined'>xs=12 sm=6 md=4 lg=3</Paper>
        </GridColumn>
        <GridColumn xs={12} sm={6} md={4} lg={3}>
          <Paper variant='outlined'>xs=12 sm=6 md=4 lg=3</Paper>
        </GridColumn>
        <GridColumn xs={12} sm={6} md={4} lg={3}>
          <Paper variant='outlined'>xs=12 sm=6 md=4 lg=3</Paper>
        </GridColumn>
        <GridColumn xs={12} sm={6} md={12} lg={3}>
          <Paper variant='outlined'>xs=12 sm=6 md=4 lg=3</Paper>
        </GridColumn>

        <GridColumn xs={12} sm={8}>
          <Paper variant='outlined'>xs=12 sm=8</Paper>
        </GridColumn>
      </GridRow>
    </Grid>
  );
}