<Box
  css={{
    display: "grid",
    width: "100%",
    gridTemplateRows: "1fr",
    rowGap: "$100",
    "& > *": {
      border: "1px dashed $subtle",
      background: "$alpha25",
      height: "$200",
      color: "$primary",
    },
  }}
>
  <Container maxWidth="xl">Extra lg</Container>
  <Container maxWidth="lg">lg</Container>
  <Container maxWidth="md">md</Container>
  <Container maxWidth="sm">sm</Container>
  <Container maxWidth="fluid">Fluid</Container>
</Box>

To enter the code editing mode, press Enter. To exit the edit mode, press Escape

You are editing the code. To exit the edit mode, press Escape