Max Width

Max Container

The max-container adds a max-width to your content. The size is set to 1440px and is added to the :root with the --max-container custom property. You can change this size in your project by setting --max-container to a different value.

Grid demo
tablet-up-6laptop-up-4
tablet-up-6laptop-up-4
tablet-up-6laptop-up-4
tablet-up-6laptop-up-4

Markup

<div class="max-container">
  <div class="block-container">
    <div class="block tablet-up-6 laptop-up-4"></div>
    <div class="block tablet-up-6 laptop-up-4"></div>
    <div class="block tablet-up-6 laptop-up-4"></div>
    <div class="block tablet-up-6 laptop-up-4"></div>
  </div>
</div>