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.

<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>