Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Tailwind Crash Course - Project From Scratch

Traversy Media via YouTube

Start learning Write review
Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More → CodeSignal Ad

Learn the Skills Netflix, Meta, and Capital One Actually Hire For

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course teaches how to set up Tailwind CLI and use utility classes to build a responsive landing page from scratch. It also covers custom CSS, basic JavaScript for a mobile menu, and deployment using Git.

Syllabus

- Intro.
- Getting Started.
- Install & Setup Tailwind CLI.
- NPM Scripts & Output.
- Customizing & Config.
- Navigation Area + Spacing, Flex, Responsive Classes, etc.
- Hero Section.
- Class Name Order Convention.
- Features Section.
- Testimonial Section.
- CTA Section.
- Footer.
- Hamburger Menu HTML.
- Custom CSS (Background SVGs).
- Custom CSS (Hamburger Menu).
- Menu JavaScript.
- Deploy To InMotion Hosting.

Taught by

Traversy Media

Reviews

Start your review of Tailwind Crash Course - Project From Scratch

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.