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.

Download the resources:

The 5 topics that will be covered are:

  • Pixels (px)
  • Percentages (%)
  • Viewport-based units (vw, wh)
  • Rems (rem) vs ems (em)
  • Character units (ch)

__________ šŸ”– Tutorial Structure __________

  • Intro ā€“
    [00:00] - Introduction
    [00:38] - Setup walkthrough

ā€“ Main ā€“
[01:11] - Task 1 - Pixels (px)
[04:05] - Task 2 - Percentages (%)
[06:40] - Task 3 - Viewport-based units (vw, wh)
[09:36] - Task 4 - Rems (rem) vs ems (em)
[14:57] - Task 5 - Character units (ch)

ā€“ Ending ā€“
[16:44] - Summary
[18:42] - Happy Coding

#css #web-development #programming

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