Max-width wrappers for pages and components.
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
Spacing is built into the wrapper so provide space on the left and right side of the content.
|Browser width||Left and right padding|
1010px the wrapper is
32px margin on the right and left and the wrapper stops getting wider.