All roadmaps

The Tailwind roadmap

Every Tailwind lesson we teach, laid out as one path. Each station is a stage; tap any lesson to open it. Stations turn teal as you finish them.

Legend:Lesson stageStage completeTap a lesson to open it
01

Tailwind CSS: The Utility-First Mindset

Utility-First CSS (The "Why")
The Spacing Scale
Colors & Opacity
02

Tailwind CSS: Layout & Typography

Flexbox
CSS Grid
Positioning & Z-Index
Typography
03

Tailwind CSS: Modifiers & State

Hover, Focus & Active States
Group & Peer Modifiers
Mobile-First Breakpoints
04

Tailwind CSS: Modern Tailwind (v4) & Arbitrary Values

Arbitrary Values
Tailwind v4 @theme Config
Data Attributes
05

Tailwind CSS: Styling at Scale (Architecture)

Component Extraction
Dynamic Classes & tailwind-merge
Dark Mode Strategy