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>
maxWidth
max-width
1280px