Skip to content

🎉 Material UI v5 is out! Head to the migration guide to get started.


The container centers your content horizontally. It's the most basic layout element.

While containers can be nested, most layouts do not require a nested container.


A fluid container width is bounded by the maxWidth property value.

<Container maxWidth="sm">


If you prefer to design for a fixed set of sizes instead of trying to accommodate a fully fluid viewport, you can set the fixed property. The max-width matches the min-width of the current breakpoint.

<Container fixed>