Fundamentals of CSS
Total watch time
3h 56m
at 1× speed · exactly 3 hours, 56 minutes, 3 seconds at 1×
| 1× | 3h 56m 3s |
|---|---|
| 1.25× | 3h 8m 50s |
| 1.5× | 2h 37m 22s |
| 1.75× | 2h 14m 53s |
| 2× | 1h 58m 2s |
Plan to finish
About 4 days at an hour a day
Pick a daily pace and the days you'll watch. Ticked videos are skipped.
At one hour a day, every day, this playlist takes about 4 days. Turn on JavaScript to plan around your week.
Videos (23)
3h 56m in total · tick what you've watched
Tick videos you've watched — progress is saved in this browser.
| Watched | ||||
|---|---|---|---|---|
| 1 |
 Introduction to CSS
|
7:55 | 2020-07-10 | |
| 2 |
 Implementing CSS
|
12:19 | 2020-07-10 | |
| 3 |
 Comments in CSS
|
1:09 | 2020-07-10 | |
| 4 |
 CSS Background Image Property
|
11:37 | 2020-07-10 | |
| 5 |
 CSS Units
|
5:49 | 2020-08-07 | |
| 6 |
 CSS Border Property
|
6:03 | 2020-08-07 | |
| 7 |
 Styling Tables
|
5:15 | 2020-08-07 | |
| 8 |
 Styling Forms using CSS
|
8:00 | 2020-08-07 | |
| 9 |
 Dropdowns in CSS
|
15:55 | 2020-08-07 | |
| 10 |
 CSS Positioning
|
10:37 | 2020-08-07 | |
| 11 |
 CSS Display Property
|
12:57 | 2020-08-07 | |
| 12 |
 CSS Overflow
|
2:37 | 2020-08-07 | |
| 13 |
 CSS Box Model
|
8:18 | 2020-08-07 | |
| 14 |
 CSS Layouts
|
12:14 | 2020-08-07 | |
| 15 |
 CSS Navigation Bars and Side Navigation Bars
|
15:37 | 2020-08-07 | |
| 16 |
 CSS Combinators and Pseudo Elements
|
7:06 | 2020-08-07 | |
| 17 |
 CSS Flexbox
|
24:47 | 2020-08-07 | |
| 18 |
 CSS Grids
|
23:10 | 2020-08-07 | |
| 19 |
 CSS Animation Part 1
|
9:25 | 2020-08-07 | |
| 20 |
 CSS Animation Part 2
|
5:54 | 2020-08-07 | |
| 21 |
 CSS Transitions
|
4:48 | 2020-08-07 | |
| 22 |
 CSS Transformations
|
6:24 | 2020-08-07 | |
| 23 |
 CSS Media Queries
|
18:07 | 2020-08-07 |
No videos match that filter.
Embed a badge
Show the watch time in a README or course description — it links back here and updates itself
[](https://playlistduration.com/playlist/PLKnIA16_RmvYz9J-59mtVWLQuPbsWd56P)<a href="https://playlistduration.com/playlist/PLKnIA16_RmvYz9J-59mtVWLQuPbsWd56P"><img src="https://playlistduration.com/badge/playlist/PLKnIA16_RmvYz9J-59mtVWLQuPbsWd56P.svg" alt="Watch time: 3h 56m · 23 videos" width="203" height="20"></a>Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.
Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PLKnIA16_RmvYz9J-59mtVWLQuPbsWd56P returns them as JSON — free, no key. API docs →
Data from the YouTube Data API as of 2026-09-22 (cached). Private or deleted videos are excluded from totals.