Container

Full-width container with leading-based padding. Use modifiers for centered max-width layouts.

Default

Full viewport width with horizontal padding (1.5 leading, 1 leading on mobile).

Full width with padding

<div class="ug-container" style="background:#e8e5e0">
  <p>Full width with padding</p>
</div>

Max-width 1280px, centered

<div class="ug-container ug-container--narrow" style="background:#e8e5e0">
  <p>Max-width 1280px, centered</p>
</div>

Max-width 1600px, centered

<div class="ug-container ug-container--wide" style="background:#e8e5e0">
  <p>Max-width 1600px, centered</p>
</div>

Edge-to-edge, no padding

<div class="ug-container ug-container--flush" style="background:#e8e5e0">
  <p>Edge-to-edge, no padding</p>
</div>

Class	Description
`.ug-container`	Full width with horizontal padding
`.ug-container--narrow`	Centered, max-width 1280px
`.ug-container--wide`	Centered, max-width 1600px
`.ug-container--fluid`	Full width with padding, no max-width
`.ug-container--flush`	No padding (edge-to-edge)