Coursera Plus Annual is 40% Off — Ends June 29.

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

Learn AI, Data Science & Business — Earn Certificates That Get You Hired

Learn More → Simplilearn Ad

UC San Diego Product Management Certificate — AI-Powered PM Training

Learn More →

Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
Learn to build a responsive landing page from scratch using Tailwind CSS in this comprehensive video tutorial. Set up Tailwind CLI, explore common utility classes, and create various page sections including navigation, hero, features, testimonials, CTA, and footer. Master responsive design techniques, implement a hamburger menu, and customize CSS for background SVGs. Conclude by deploying the finished project to InMotion Hosting using Git, gaining practical experience in modern web development with Tailwind CSS.

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.