YoVDO

Tailwind Crash Course - Project From Scratch

Offered By: Traversy Media via YouTube

Tags

Tailwind Courses Git Courses Responsive Web Design Courses

Course Description

Overview

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

Related Courses

Responsive Web Design Fundamentals
Google via Udacity
Introduction to Bootstrap - A Tutorial
Microsoft via edX
Responsive Images
Udacity
Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera
Responsive Web Design
University of London International Programmes via Coursera