import { Grid } from "@kflamsted/react-simple-grid"

function App() {
  return (
    <Grid container spacing={2}>
      <Grid size={8}>Content</Grid>
      <Grid size={4}>Content</Grid>
    </Grid>
  )
}

<Grid size={{ xs: 12, md: 6 }}>Content</Grid>

// Unified spacing
<Grid container spacing={2}>
  <Grid size={6}>Item 1</Grid>
  <Grid size={6}>Item 2</Grid>
</Grid>

// Separate row and column spacing
<Grid container rowSpacing={2} columnSpacing={3}>
  <Grid size={6}>Item 1</Grid>
  <Grid size={6}>Item 2</Grid>
</Grid>

<Grid size={6} offset={3}>
  Offset Content
</Grid>