Website
Website Layout
A layout for the marketing website. It basically just sets a max-width to its direct children and centers them in the viewport above that max-width, as well as adding responsive padding that shrinks on small screens.
Example
A website layout with minimal content.
Section 1
Section 2
HTML
<div class="pv-layout-website">
<section class="pv-surface-brand pv-text-inverse">
<div>
<p class="pv-display-3">Section 1</p>
</div>
</section>
<section>
<div>
<p class="pv-display-3">Section 2</p>
</div>
</section>
</div>