Pit Viper

v1.90.0

Pit Viper

v1.90.0
v1 / v2

  • Home
  • Layouts
  • Website

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>