Learn Tailwind CSS
Learn Tailwind CSS online through our comprehensive course. Utility-first CSS framework for rapidly building modern interfaces.
Curriculum
01Fundamentals
Introduction to Tailwind CSS
Learn what Tailwind CSS is and how utility-first CSS changes the way you build interfaces.
How Tailwind Works
Understand the underlying mechanism of Tailwind and how it processes classes.
Utility Classes
Dive deeper into utility classes and how to combine them.
Tailwind + HTML
How to write HTML infused with Tailwind utility classes.
Responsive Design Basics
An introduction to making elements responsive using Tailwind prefixes.
02Colors & Typography
03Spacing & Sizing
04Layout
Display Utilities
Controlling how elements are displayed in the document flow.
Flexbox
Introduction to Flexbox in Tailwind.
Flex Direction
Changing the direction of flex items.
Justify Content
Aligning flex items along the main axis.
Align Items
Aligning flex items along the cross axis.
Grid Layout
Introduction to CSS Grid in Tailwind.
Grid Columns and Rows
Defining grid tracks.
05Styling
Explore the Tailwind CSS Ecosystem
Continue learning Tailwind CSS
Access all Tailwind CSS lessons and tutorials.
Practice Tailwind CSS exercises
Apply your knowledge with interactive coding challenges.
Test your knowledge with Tailwind CSS quizzes
Check your understanding with multiple-choice questions.
Build Tailwind CSS projects
Create real-world applications from scratch.
Try Tailwind CSS in the playground
Write and execute Tailwind CSS code instantly in your browser.
Browse the Tailwind CSS reference
Quickly look up syntax, methods, and properties.