Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

CSS Units & Sizes Tutorial for Beginners

Dave Gray via YouTube

Start learning Write review
Scrimba Ad

Free courses from frontend to fullstack and AI

Learn More → DataCamp Ad

AI Engineer - Learn how to integrate AI into software applications

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This beginner tutorial explains common CSS units for sizing web pages, including absolute, relative, and viewport units. It demonstrates their use, browser defaults, CSS resets, and potential sizing problems.

Syllabus

Intro
Welcome
Setup
Many CSS units to choose from
Absolute units - pixels
Where NOT to use an absolute value
Where you can use an absolute value
Relative units - percent
rem units
rem vs em units
When to use em units
ch units
Default browser styles
CSS Reset
Viewport units - vw and vh
When vw units can cause a problem
A good use case for vh units

Taught by

Dave Gray

Reviews

Start your review of CSS Units & Sizes Tutorial for Beginners

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.