playlistduration

Tailwind CSS Tutorials in Hindi

by CodeWithHarry · 16 videos

Total watch time

5h 11m

at 1× speed · exactly 5 hours, 10 minutes, 39 seconds at 1×

1×5h 10m 39s
1.25×4h 8m 31s
1.5×3h 27m 6s
1.75×2h 57m 31s
2×2h 35m 20s
Average video19m 25s
Longest1h 33m 32s
Shortest5m 28s
Compare Open on YouTube JSON

Plan to finish

About 6 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 6 days. Turn on JavaScript to plan around your week.

Videos (16)

5h 11m in total · tick what you've watched

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

Videos to
Watched
1 Introduction to Tailwind CSS & Utility first Workflow: Tailwind Tutorial #1 18:00 2021-12-30
2 Our First Tailwind CSS Website: Tailwind Tutorial #2 28:02 2021-12-31
3 Why use Tailwind CSS? : Tailwind Tutorial #3 14:10 2022-01-02
4 Fonts & Sizing : Tailwind Tutorial #4 15:10 2022-01-03
5 Margins, Borders & Padding in Tailwind CSS : Tailwind Tutorial #5 12:18 2022-01-04
6 Square Bracket Notation in Tailwind CSS : Tailwind Tutorial #6 8:46 2022-01-05
7 Creating Responsive Designs in Tailwind CSS : Tailwind Tutorial #7 17:02 2022-01-07
8 Hover, Focus & Other States in Tailwind CSS : Tailwind Tutorial #8 13:25 2022-01-08
9 @apply directive in Tailwind CSS: Tailwind Tutorial #9 13:29 2022-01-12
10 @layer Directive in Tailwind: Tailwind Tutorial #10 9:47 2022-01-13
11 When to use @apply and @layer directive?: Tailwind Tutorial #11 8:05 2022-01-15
12 Customizing Tailwind CSS using tailwind.config.js file: Tailwind Tutorial #12 15:16 2022-01-16
13 Deploying a Tailwind Website to Production : Tailwind Tutorial #13 6:19 2022-01-17
14 Project 1: Facebook Clone in Tailwind CSS: Tailwind Tutorial #14 31:50 2022-01-18
15 Project 2: Microsoft Clone (Responsive) in Tailwind CSS: Tailwind Tutorial #15 1:33:32 2022-02-03
16 Tailwind CSS Course Conclusion, Wrap-up & where to go from here 5:28 2022-02-12

Embed a badge

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

Watch time: 5h 11m · 16 videos

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