Course
Tailwind CSS
Style your pages without piling up a stylesheet to maintain: utility classes, responsive design, theming, dark mode, and component extraction.
Beginner to Intermediate 7 lessons
Lessons
- 1 Why Utility Classes You'll be able to explain what maintenance problem Tailwind actually solves, what you pay in exchange, and which projects are better off without it.
- 2 Installation and Configuration You'll learn how to install Tailwind in a modern project, understand how it detects the classes you use, and set up your editor for autocomplete and class sorting.
- 3 The Core Vocabulary You'll learn to combine spacing, typography, colors, borders, and shadows using Tailwind's scale, and to recognize the rare cases where an arbitrary value is justified.
- 4 Layout with Flexbox and Grid You'll be able to build a navigation bar, a card grid, and a sticky sidebar, and diagnose the three classic alignment failures.
- 5 Adapting to screen sizes You'll learn to write a mobile-first layout with breakpoint prefixes, understand why reverse reasoning breaks, and use container queries.
- 6 Theme and dark mode You'll learn to define your colors and fonts in the theme, build a dark mode the user can control, and avoid doubling every class.
- 7 Avoid Unreadable Markup You'll learn when to extract a component, why @apply is almost always a false friend, and how to compose conditional classes without conflicts.