CSS Viewport Units

CSS Viewport Units — a practical guide to CSS viewport units with clear examples you can reuse in real projects.

CSS Tutorial Series (25/109). Prefer one article? Read the complete CSS tutorial.

Short description

Mobile browser chrome makes `100vh` tricky — consider `dvh` for full-screen sections.

Viewport

.hero {
  min-height: 100dvh;
  width: 100vw;
}