No Results Found
Wrappers have specific widths to hold content blocks. Wrappers help organize content on a page to ensure a comfortable reading length.
This is the default wrapper.
<div class="wrapper">
<p>This is the default wrapper.</p>
</div>
There are four wrapper sizes: small, medium, large, and extra large. Wrappers contain the content by constraining the content to a set width. The dotted lines are used as visual cues in the toolkit and will not appear in the product.
Medium wrapper
<div class="wrapper wrapper--medium">
<p>Medium wrapper</p>
</div>
X-Large wrapper
<div class="wrapper wrapper--x-large">
<p>X-Large wrapper</p>
</div>