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

Опубликовано: 16 Ноябрь 2024
на канале: Thu Nghiem

3,012

120

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: https://devchallenges.io/learn/tutori...

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

_________ 🐣 About me _________

I am the founder of https://devchallenges.io/
Follow my Twitter / thunghiemdinh
Join Discord / discord