Containers

Two types of containers

You need to use a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects.

Note: Containers are not nestable.

Use .c-container for a responsive fixed width container.

<div class="c-container">
  // ...
</div>

Use .c-container-fluid for a full width container, spanning the entire width of your viewport.

<div class="c-container--fluid">
// ...
</div>