Tailwind CSS Mastery

Duration 8 h 31 m 29 s

Price

₹ 449 ~~₹ 999~~ Buy now

About Course

Tailwind CSS is a utility-first framework for rapidly building custom designs. This tutorial will teach your Tailwind from scratch.

Course content

Lesson 1 - Introduction1 m 38 sFree

Lecture 2 - Background Classes and Shades9 m 19 s Start

Lecture 3 - Element Sizing & Tailwind's Numbering System8 m 2 s Start

Lecture 4 - Padding & Margins7 m 52 s Start

Lecture 5 - Styling Text16 m 11 s Start

Lecture 6 - Borders and Radius9 m 50 s Start

Lecture 7 - Display Modes3 m 10 s Start

Lecture 8 - Responsive Design15 m 41 s Start

Lecture 9 - Pseudo Classes5 m 19 s Start

Lecture 10 - Transitions, Transforms and Animations21 m 52 s Start

Lecture 11 - Gradients5 m 1 s Start

Lecture 12 - Other Utilities6 m 51 s Start

Lecture 13 - Layout and Positioning7 m 30 s Start

Lecture 14 - Flexbox Part-114 m Start

Lecture 15 - Flexbox Part-211 m Start

Lecture 16 - Space Between Utilities8 m 33 s Start

Lecture 17 - Block Gallery Challenge4 m 50 s Start

Lecture 18 - Grid10 m 39 s Start

Lecture 19 - Basic Card Component with no image7 m 39 s Start

Lecture 20 - Card with and image9 m 51 s Start

Lecture 21 - Horizontal and Responsive Card10 m 20 s Start

Lecture 22 - Basic Buttons13 m 29 s Start

Lecture 23 - Outlined Button5 m 1 s Start

Lecture 24 - Grouped and with Icon Buttons4 m 37 s Start

Lecture 25 - Basic Form11 m 36 s Start

Lecture 26 - Minimal Login Form13 m 59 s Start

Lecture 27 - Floating Label Form12 m 9 s Start

Lecture 28 - Installing TailwindCSS19 m 28 s Start

Lecture 29 - Deploying to Netlify7 m 49 s Start

Lecture 30 - Tailwind in VS Code10 m 1 s Start

Lecture 31 - Debug Screen Plugin8 m 3 s Start

Lecture 32 - Header Layout5 m 56 s Start

Lecture 33 - Navigation Styling7 m 4 s Start

Lecture 34 - Navigation Responsive4 m 8 s Start

Lecture 35 - Hero Layout5 m 41 s Start

Lecture 36 - Hero Styling14 m 45 s Start

Lecture 37 - Hero Decoration6 m 15 s Start

Lecture 38 - Hero Responsive17 m 26 s Start

Lecture 39 - About Layout3 m 40 s Start

Lecture 40 - About Styling5 m 57 s Start

Lecture 41 - About Responsive14 m 19 s Start

Lecture 42 - What You'll Learn Layout9 m 51 s Start

Lecture 43 - What You'll Learn Styling7 m 30 s Start

Lecture 44 - What You'll Learn Responsive5 m 14 s Start

Lecture 45 - Layout + Styling + Responsive12 m 14 s Start

Lecture 46 - Pricing Layout Start

Lecture 47 - Pricing Styling8 m 50 s Start

Lecture 48 - Pricing Custom Class1 m 49 s Start

Lecture 49 : Pricing Responsive4 m 44 s Start

Lecture 50 - Layout + Styling + Responsive8 m 20 s Start

Lecture 51 - Layout + Styling + Responsive8 m 11 s Start

Lecture 52 - Layout + Styling + Responsive10 m 11 s Start

Lecture 53 - Creating our menu using AlpineJS19 m 41 s Start

Lecture 54 - Customising Theme Part - 113 m 32 s Start

Lecture 55 - Customising Theme Part - 211 m 23 s Start

Lecture 56 - Disabling an entire core plugin3 m 28 s Start

Course Instructor

I am Sarfaraz Kasmani a Front End Developer and Digital Marketer from Mumbai, India. I am having more than 7 years of experience in the field of Front End Development and Digital Marketing.

I'm excited to be here and to help people in becoming more experienced in the most interesting and powerful field in the world.

Tailwind CSS Mastery

About Course

Sarfaraz Kasmani

Software Engineer

Course Instructor