Containers are used to constrain a content's width to the current breakpoint, while keeping it fluid.
By default, it sets the
max-width of the content to 60 characters (
you can customize this by passing custom
maxWidth values or changing the
container size tokens defined in
To contain any piece of content, wrap it in the
In some cases, the width of the content can be smaller than the container's
width, you can use the
centerContent prop to center the content.
Box so you can pass all
Box related props in addition to
|centerContent||If `true`, container will center its children regardless of their width.||-|
|css||The emotion's css style object||-|