Container

This is a horizontally centered content wrapper with a max width.

Container fluid

This is a content wrapper that occupies the full width of the browser. It’s currently used on the reporting tool section of the website.

Container small

This is a horizontally centered content wrapper with a fairly narrow max width. It’s currently used on the login page for the reporting tool.

<div class="container">
    Container
</div>

<div class="container container--fluid">
    Container fluid
</div>

<div class="container container--small">
    Container small
</div>
<div class="container">
	Container
</div>

<div class="container container--fluid">
	Container fluid
</div>

<div class="container container--small">
	Container small
</div>
/* No context defined for this component. */