Skip to main content

Container

The container is a basic wrapper object that can restrict the maximum width of your content and adds the default site gutters.

Links:

Basic Container

Basic Container has a max-width of 1920px.

I am contained.

<div class="o-container u-bg-gray-light">
  <p class="nyp-type-large u-m-b-0">I am contained.</p>
</div>

Flush Container

Flush Container does not have a max-width.

I am full width.

<div class="o-container o-container--full u-bg-gray-light">
  <p class="nyp-type-large u-m-b-0">I am full width.</p>
</div>