Tailwind CSS Basics
A project-based Tailwind CSS course covering Hello Tailwind, typography, color, borders & spacing, and flexbox layouts.
Start learning
Build real skills one lesson at a time
Explore the complete curriculum below, then start with the lesson that is right for you.
About this course
Tailwind CSS is the most popular way to style modern web applications. Instead of writing CSS in a separate file, you apply small, single-purpose classes directly in your HTML, and your UI comes together fast.
What you'll learn
- How Tailwind's utility-first approach works and why developers love it
- Typography: font size, weight, color, alignment, and letter case
- The Tailwind color system: targets, families, and shade scales
- Spacing and sizing: padding, margin, width, and height
- Borders, rounded corners, and images
- Flexbox layouts: alignment, direction, gap, wrap, and a real navbar project
Prerequisites
- Basic HTML knowledge is all you need
Course instructor
Brad Traversy
Founder of Traversy Media and an educator known for practical, project-focused web development courses.
Course content
Keep learning
More programming courses
Advanced course
Next.js Fundamentals
Ship production-ready React with Next.js. Learn the App Router, file-based routing and layouts, server vs client components, data fetching, route handlers, and server actions, building a small project in every chapter. Assumes you have finished React Fundamentals.
View courseIntermediate course
TypeScript Fundamentals
Learn TypeScript from the ground up: type your variables, functions, objects, and arrays, and let the compiler catch mistakes before your code ever runs.
View courseIntermediate course
Validation with Zod
Learn Zod, the TypeScript-first schema library: define schemas, parse and validate untrusted data, infer types instead of duplicating them, and wire it all into React forms with react-hook-form.
View course