Springboard

Constrained 

<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.