playlistduration

Bulma CSS Tutorial

by Net Ninja · 15 videos

Total watch time

1h 37m

at 1× speed · exactly 1 hour, 37 minutes, 13 seconds at 1×

1×1h 37m 13s
1.25×1h 17m 46s
1.5×1h 4m 49s
1.75×55m 33s
2×48m 37s
Average video6m 29s
Longest11m 40s
Shortest2m 22s
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 (15)

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

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

Videos to
Watched
1 Bulma CSS Tutorial (Product Page Build) #1 - Intro & Setup 7:07 2020-09-28
2 Bulma Tutorial (Product Page Build) #2 - Fonts & Colours 9:52 2020-09-28
3 Bulma Tutorial (Product Page Build) #3 - Spacing & Containers 6:18 2020-09-30
4 Bulma Tutorial (Product Page Build) #4 - Navbar (desktop) 6:40 2020-09-30
5 Bulma Tutorial (Product Page Build) #5 - Navbar (for mobiles) 4:59 2020-10-02
6 Bulma Tutorial (Product Page Build) #6 - Breadcrumbs 5:04 2020-10-02
7 Bulma Tutorial (Product Page Build) #7 - Grid Columns 8:24 2020-10-05
8 Bulma Tutorial (Product Page Build) #8 - Responsive Classes 8:40 2020-10-05
9 Bulma Tutorial (Product Page Build) #9 - Tabbed Content 11:40 2020-10-07
10 Bulma Tutorial (Product Page Build) #10 - Message Boxes 2:22 2020-10-07
11 Bulma Tutorial (Product Page Build) #11 - Buttons 3:16 2020-10-09
12 Bulma Tutorial (Product Page Build) #12 - Cards 8:24 2020-10-09
13 Bulma Tutorial (Product Page Build) #13 - Creating Modals 4:38 2020-10-12
14 Bulma Tutorial (Product Page Build) #14 - Form Fields 6:36 2020-10-13
15 Bulma Tutorial (Product Page Build) #15 - Adding a Footer 3:13 2020-10-13

Embed a badge

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

Watch time: 1h 37m · 15 videos

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