
About Course
Learn the essentials of Tailwind CSS and discover how to design beautiful, responsive websites using its utility-first approach by Code with Harry. This course covers everything from setting up Tailwind CSS to building projects like Facebook and Microsoft clones, along with advanced features like custom configurations, directives, and deployment techniques.
Course Content
Tailwind CSS Step by Step
-
Introduction to Tailwind CSS & Utility-first Workflow
18:00 -
Our First Tailwind CSS Website
28:02 -
Why use Tailwind CSS?
28:02 -
Fonts & Sizing
15:10 -
Margins, Borders & Padding in Tailwind CSS
12:17 -
Square Bracket Notation in Tailwind CSS
08:46 -
Creating Responsive Designs in Tailwind CSS
17:01 -
Hover, Focus & Other States in Tailwind CSS
13:25 -
@apply Directive in Tailwind CSS
13:29 -
@layer Directive in Tailwind CSS
09:47 -
When to use @apply and @layer Directive?
08:05 -
Customizing Tailwind CSS using tailwind.config.js File
15:16 -
Deploying a Tailwind Website to Production
06:18 -
Project 1: Facebook Clone in Tailwind CSS
31:50 -
Project 2: Microsoft Clone (Responsive) in Tailwind CSS
01:33:31 -
Tailwind CSS Course Conclusion, Wrap-up & Where to Go From Here
05:28
Earn a certificate
Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.
