Container

Fixed Container

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

<mui-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)

  -->
</mui-container>

Fluid Container

To wrap your content in a fluid container add a fluid attribute:

<mui-container fluid>
  <!--

  Container is centered on page with 15px of
  padding on either side. The inner width is
  fluid for all viewport widths.

  -->
</mui-container>