Skip to content
Sabaqاردو

Tailwind CSS Tutorials in Hindi (CodeWithHarry)

By CodeWithHarry

Course audio
Course audio: Hindi
Level
Beginner
Length
15 lessons

What you'll be able to do

  • Style pages with Tailwind utility classes
  • Build responsive layouts and hover/focus effects
  • Customise Tailwind with its config file and directives

About this course

This Hindi series by CodeWithHarry explains the utility-first approach of Tailwind CSS and why to use it, then covers fonts and sizing, margins, borders and padding, square-bracket values, responsive design, hover and focus states, the @apply and @layer directives, customising tailwind.config.js and deploying to production. It ends with two clone projects, a Facebook page and a responsive Microsoft page. It suits learners who know HTML and CSS and want to style sites faster. Use it next in React or Next.js projects.

Before you start: Basic HTML and CSS

Syllabus

Sabaq lists the first 15 videos of this playlist; the rest continue on YouTube. Full playlist on YouTube

  1. 1Introduction to Tailwind CSS & Utility first Workflow: Tailwind Tutorial #1
  2. 2Our First Tailwind CSS Website: Tailwind Tutorial #2
  3. 3Why use Tailwind CSS? : Tailwind Tutorial #3
  4. 4Fonts & Sizing : Tailwind Tutorial #4
  5. 5Margins, Borders & Padding in Tailwind CSS : Tailwind Tutorial #5
  6. 6Square Bracket Notation in Tailwind CSS : Tailwind Tutorial #6
  7. 7Creating Responsive Designs in Tailwind CSS : Tailwind Tutorial #7
  8. 8Hover, Focus & Other States in Tailwind CSS : Tailwind Tutorial #8
  9. 9@apply directive in Tailwind CSS: Tailwind Tutorial #9
  10. 10@layer Directive in Tailwind: Tailwind Tutorial #10
  11. 11When to use @apply and @layer directive?: Tailwind Tutorial #11
  12. 12Customizing Tailwind CSS using tailwind.config.js file: Tailwind Tutorial #12
  13. 13Deploying a Tailwind Website to Production : Tailwind Tutorial #13
  14. 14Project 1: Facebook Clone in Tailwind CSS: Tailwind Tutorial #14
  15. 15Project 2: Microsoft Clone (Responsive) in Tailwind CSS: Tailwind Tutorial #15

What to take next

Videos by CodeWithHarry, played from their official YouTube channel. Subscribe on YouTube

Official upload by the teacher or institution on their own channel, shown with YouTube's embedded player.

Sabaq lists the first 15 videos of this playlist; the rest continue on YouTube. Full playlist on YouTube

Lessons last checked Oct 2026. Course summary and lesson structure by Sabaq.

Report a problem or a rights request