playlistduration

CSS Flexbox Tutorial

by Net Ninja · 12 videos

Total watch time

1h 12m

at 1× speed · exactly 1 hour, 11 minutes, 49 seconds at 1×

1×1h 11m 49s
1.25×57m 27s
1.5×47m 53s
1.75×41m 2s
2×35m 55s
Average video5m 59s
Longest9m 4s
Shortest4m 10s
Compare Open on YouTube JSON

Plan to finish

About 2 days at an hour a day

Pick a daily pace and the days you'll watch. Ticked videos are skipped.

Days

At one hour a day, every day, this playlist takes about 2 days. Turn on JavaScript to plan around your week.

Videos (12)

1h 12m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser.

Videos to
Watched
1 CSS Flexbox Tutorial #1 - Introduction 5:18 2016-03-16
2 CSS Flexbox Tutorial #2 - Flex Containers 6:27 2016-03-16
3 CSS Flexbox Tutorial #3 - Flex Grow 4:59 2016-03-16
4 CSS Flexbox Tutorial #4 - Flex Shrink 4:10 2016-03-17
5 CSS Flexbox Tutorial #5 - Flex Wrap 4:43 2016-03-17
6 CSS Flexbox Tutorial #6 - Flex Basis 5:02 2016-03-18
7 CSS Flexbox Tutorial #7 - Creating a Menu with Flexbox 8:03 2016-03-18
8 CSS Flexbox Tutorial #8 - Creating Nested Menu's with Flexbox 8:10 2016-03-22
9 CSS Flexbox Tutorial #9 - Axis 6:44 2016-03-23
10 CSS Flexbox Tutorial #10 - Align Items on the Cross Axis 4:42 2016-03-23
11 CSS Flexbox Tutorial #11 - Grid vs Stacked Layout Example 9:04 2016-03-29
12 CSS Flexbox Tutorial #12 - Element Order 4:27 2016-03-29

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Watch time: 1h 12m · 12 videos

Markdown
[![Watch time: 1h 12m · 12 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9i3FXJSUfmsNOx8E7u6UuhG.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9i3FXJSUfmsNOx8E7u6UuhG)
HTML
<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9i3FXJSUfmsNOx8E7u6UuhG"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9i3FXJSUfmsNOx8E7u6UuhG.svg" alt="Watch time: 1h 12m · 12 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/PL4cUxeGkcC9i3FXJSUfmsNOx8E7u6UuhG 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.