Zenler Player
Your course is loading. Hang tight.
Tailwind CSS Mastery
Back to curriculum
0% Complete
0% Complete
Lecture 1 - Introduction
Lecture 2 - Background Classes and Shades (09:19)
Lecture 3 : Element Sizing & Tailwind's Numbering System (08:02)
Lecture 4 : Padding & Margins (07:51)
Lecture 5 : Styling Text (16.10)
Lecture 6 : Borders and Radius (09:50)
Lecture 7 : Display Modes (03:09)
Lecture 8 : Responsive Design (15:40)
Lecture 9 : Pseudo Classes (05:19)
Lecture 10 : Transitions, Transforms and Animations (21:51)
Lecture 11 : Gradients (05:00)
Lecture 12 : Other Utilities (06:50)
Lecture 13 : Layout and Positioning(07:30)
Lecture 14 - Flexbox Part-1 (14:00)
Lecture 15 : Flexbox Part-2 (11:00)
Lecture 16 : Space Between Utilities (08:33)
Lecture 17 : Block Gallery Challenge (04:49)
Lecture 18 : Grid (10:38)
Lecture 19 : Basic Card Component with no image (07:39)
Lecture 20 : Card with and image (09:50)
Lecture 21 : Horizontal and Responsive Card (10:21)
Lecture 22 - Basic Buttons (13:28)
Lecture 23 : Outlined Button (05:01)
Lecture 24 : Grouped and with Icon Buttons (04:37)
Lecture 25 : Basic Form (11:35)
Lecture 26 : Minimal Login Form (13:58)
Lecture 27 : Floating Label Form (12:08)
Lecture 28 : Installing TailwindCSS (19:28)
Lecture 29 : Deploying to Netlify (07:48)
Lecture 30 : Tailwind in VS Code (10:00)
Lecture 31 : Debug Screen Plugin (08:02)
Lecture 32 : Header Layout (05:56)
Lecture 33 : Navigation Styling (07:03)
Lecture 34 : Navigation Responsive (04:07)
Lecture 35 : Hero Layout (05:40)
Lecture 36 : Hero Styling (14:45)
Lecture 37 : Hero Decoration (06:14)
Lecture 38 : Hero Responsive (17:26)
Lecture 39 : About Layout (03:39)
Lecture 40 : About Styling (05:56)
Lecture 41 : About Responsive (14:19)
Lecture 42 : What You'll Learn Layout (09:50)
Lecture 43 : What You'll Learn Styling (07:30)
Lecture 44 : What You'll Learn Responsive (05:14)
Lecture 45 : Layout + Styling + Responsive (12:13)
Lecture 46 : Pricing Layout (06:50)
Lecture 47: Pricing Styling (08:49)
Lecture 50 : Layout + Styling + Responsive (8:19)
Lecture 51 : Layout + Styling + Responsive (08:10)
Lecture 52 : Layout + Styling + Responsive (10:11)
Section 1 : Getting Started
Lecture 1 - Introduction
Preview
Section 2 : Basic Concepts
Lecture 2 - Background Classes and Shades (09:19)
Lecture 3 : Element Sizing & Tailwind's Numbering System (08:02)
Lecture 4 : Padding & Margins (07:51)
Lecture 5 : Styling Text (16.10)
Lecture 6 : Borders and Radius (09:50)
Lecture 7 : Display Modes (03:09)
Lecture 8 : Responsive Design (15:40)
Lecture 9 : Pseudo Classes (05:19)
Lecture 10 : Transitions, Transforms and Animations (21:51)
Lecture 11 : Gradients (05:00)
Lecture 12 : Other Utilities (06:50)
Section 3 : Layout Concepts
Lecture 13 : Layout and Positioning(07:30)
Lecture 14 - Flexbox Part-1 (14:00)
Lecture 15 : Flexbox Part-2 (11:00)
Lecture 16 : Space Between Utilities (08:33)
Lecture 17 : Block Gallery Challenge (04:49)
Lecture 18 : Grid (10:38)
Section 4 : Creating Custom Components
Lecture 19 : Basic Card Component with no image (07:39)
Lecture 20 : Card with and image (09:50)
Lecture 21 : Horizontal and Responsive Card (10:21)
Lecture 22 - Basic Buttons (13:28)
Lecture 23 : Outlined Button (05:01)
Lecture 24 : Grouped and with Icon Buttons (04:37)
Lecture 25 : Basic Form (11:35)
Lecture 26 : Minimal Login Form (13:58)
Lecture 27 : Floating Label Form (12:08)
Section 5 : Building a Course Project
Lecture 28 : Installing TailwindCSS (19:28)
Lecture 29 : Deploying to Netlify (07:48)
Lecture 30 : Tailwind in VS Code (10:00)
Lecture 31 : Debug Screen Plugin (08:02)
Section 6 : Header/Navigation Section
Lecture 32 : Header Layout (05:56)
Lecture 33 : Navigation Styling (07:03)
Lecture 34 : Navigation Responsive (04:07)
Section 7 : Hero Section
Lecture 35 : Hero Layout (05:40)
Lecture 36 : Hero Styling (14:45)
Lecture 37 : Hero Decoration (06:14)
Lecture 38 : Hero Responsive (17:26)
Section 8 : About Me Section
Lecture 39 : About Layout (03:39)
Lecture 40 : About Styling (05:56)
Lecture 41 : About Responsive (14:19)
Section 9 : What You'll Learn Section
Lecture 42 : What You'll Learn Layout (09:50)
Lecture 43 : What You'll Learn Styling (07:30)
Lecture 44 : What You'll Learn Responsive (05:14)
Section 10 : What You'll Build Section
Lecture 45 : Layout + Styling + Responsive (12:13)
Section 11 : Pricing Section
Lecture 46 : Pricing Layout (06:50)
Lecture 47: Pricing Styling (08:49)
Section 12 : Video List Section
Lecture 50 : Layout + Styling + Responsive (8:19)
Section 13 : FAQ Section
Lecture 51 : Layout + Styling + Responsive (08:10)
Section 14 : Footer & Newsletter Section
Lecture 52 : Layout + Styling + Responsive (10:11)
×
This is an unpublished lesson. This lesson will not be shown for students unless you set it as Public.
Back to Dashboard
No contents are available in this lesson!
No lessons available !
Back to Dashboard
Lesson contents locked
Enroll to unlock this lesson.
Enroll to unlock
Next Lesson