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.
Default padding
Spacing is built into the wrapper so provide space on the left and right side of the content.
| Browser width | Left and right padding |
|---|---|
0 | 16px |
480px | 32px |
760px | 32px |
1010px * | 0 |
*At 1010px the wrapper is 946px with 32px margin on the right and left and the wrapper stops getting wider.