Search⌘ K
AI Features

vh and vw

Explore how vh and vw units measure viewport height and width to create responsive web designs. Understand their advantages over percentage units and practice applying these units to make elements fill the viewport dimensions precisely.

We'll cover the following...

Responsive design largely depends on percentage values. For instance it’s easy to size an element’s width like so:

NAME_
CSS
.my-element {
width: 50%
}

In many cases, percentages just aren’t satisfying.

Like the em which scales based on the parent font-size, the width ...