Tailwind CSS Tutorial
Tailwind is a utility-first CSS framework - meaning it provides us with a bunch of utility classes which we can use to style our websites, rather than pre-defined components such as modals, breadcrumbs & tabbed content. That's in contrast to other CSS frameworks like Bootstrap, which is component based.
In this Tailwind CSS course you'll learn how to set Tailwind up & create a simple website with it from scratch.
What You'll Learn...
Using Tailwind CSS
Available in
days
days
after you enroll
- 1 - introduction (13:09)
- 2 - HTML template (10:01)
- 3 - fonts & colours (8:42)
- 4 - margin, padding & borders (7:04)
- 5 - tailwind config (11:15)
- 6 - custom fonts (4:04)
- 7 - using flexbox (6:40)
- 8 - responsive classes (5:44)
- 9 - cards (6:50)
- 10 - badges (3:36)
- 11 - apply directive (3:46)
- 12 - CSS grid (6:48)
- 13 - buttons (4:43)
- 14 - icons (5:21)
- 15 - hover effects (3:44)
- 16 - responsive nav part 1 (4:49)
- 17 - responsive nav part 2 (7:14)
- 18 - transitions (3:48)
- 19 - wrap up (1:41)
Course Preview
Sign up for Net Ninja Pro
Most popular
Monthly Membership
$9/mo
- Instant access to all courses
- Early access to new courses
- Access to premium & Udemy courses
- Cancel at any time
Yearly Membership
$79/yr
- Instant access to all courses
- Early access to new courses
- Access to premium & Udemy courses
- Save over 25%!
Get your first month half price when you use the code NINJAFLEDGLING. (monthly plan only).