Latest Update: 11 April 2021

Learn CSS Units (px, %, vw, vh, rem, em, ch) by styling a Website in 18 minutes

CSS units might be confusing to many people as there are quite a few of them. In this video, we are going to learn the most common CSS Units by solving different tasks and styling a website.

The 5 topics that will be covered are:

  • Pixels (px)

  • Percentages (%)

  • Viewport-based units (vw, wh)

  • Rems (rem) vs ems (em)

  • Character units (ch)


To follow along, download the sources or access the design here.