Container

Use the Container component to center content horizontally with a max-width.

Container
<Container maxWidth={256} >
  <Box p={3} color='white' bg='blue'>
    Container
  </Box>
</Container>

Props

PropTypeDescription
maxWidthNumberSets max-width (default 1280px)