React Container

Fixed Container

To wrap your content in a responsive container use the <Container> element:

importReactfrom'react';importReactDOMfrom'react-dom';importContainerfrom'muicss/lib/react/container';classExampleextendsReact.Component{render(){return(<Container>{/* Container is centered on page with 15px of padding on either side. The inner width is fluid for small viewports and has a max width for larger dimensions: * 570px (≥ 544px) * 740px (≥ 768px) * 960px (≥ 992px) * 1170px (≥ 1200px) */}</Container>);}}ReactDOM.render(<Example/>,document.getElementById('example'));

Fluid Container

To wrap your content in a fluid container set fluid to true:

importReactfrom'react';importReactDOMfrom'react-dom';importContainerfrom'muicss/lib/react/container';classExampleextendsReact.Component{render(){return(<Containerfluid={true}>{/* Container is centered on page with 15px of padding on either side. The inner width is fluid for all viewport widths. */}</Container>);}}ReactDOM.render(<Example/>,document.getElementById('example'));