Components

Wrap(Usage)

Max-width wrappers for pages and components.

Containing content

A wrapper is used at a page or component level to prevent content from becoming too wide. This also centers the content when window exceeds the max-width.

Content that uses the wrapper class will not exceed 946px wide.

Grid

Default padding

Spacing is built into the wrapper so provide space on the left and right side of the content.

Browser widthLeft and right padding
016px
480px32px
760px32px
1010px *0

*At 1010px the wrapper is 946px with 32px margin on the right and left and the wrapper stops getting wider.