<div class="constrained">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio cupiditate aperiam blanditiis! Provident repellendus, at eaque pariatur quidem optio dicta aliquam tempore commodi, excepturi neque et, facilis rem. Inventore, eaque.
</div>
<div class="constrained">
  {{ text }}
</div>
{
  "text": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio cupiditate aperiam blanditiis! Provident repellendus, at eaque pariatur quidem optio dicta aliquam tempore commodi, excepturi neque et, facilis rem. Inventore, eaque."
}
  • Content:
    .constrained {
      max-width: 65em;
      margin-right: auto;
      margin-left: auto;
    }
    
    .constrained--padded {
      padding: 1rem;
      @include tablet {
        padding: 2rem;
      }
    }
    
  • URL: /components/raw/constrained/_sass.scss
  • Filesystem Path: components/02-modules/utils/constrained/_sass.scss
  • Size: 165 Bytes

Constrains elements to a max width and centers itself horizontally.