Stack

This layout uses CSS Grid to add space between child elements, without needing to revert to unfamiliar CSS selector syntax.

Stack

<Box
  sx={{
    display: 'grid',
    gridGap: 3
  }}>
  <Box>Stack</Box>
  <Box>Stack</Box>
  <Box>Stack</Box>
  <Box>Stack</Box>
</Box><Box
  sx={{
    display: 'grid',
    gridGap: 3
  }}>
  <Box>Stack</Box>
  <Box>Stack</Box>
  <Box>Stack</Box>
  <Box>Stack</Box>
</Box>

Sidebar