Introduction & Core Concepts

42 lessons in Tailwind CSS

• Color Without a ShadeCode Quiz
• Hiding an ElementCode Quiz
• Utility-First Class NameCode Quiz
• Class vs className in HTMLCode Quiz
• Misreading the Spacing ScaleCode Quiz
• Invalid Height ValueCode Quiz
• Border Color NamingCode Quiz
• Tailwind vs Semantic ClassCode Quiz
• Missing Hyphen in SpacingCode Quiz
• Bold Text the Wrong WayCode Quiz
• Separating Multiple ClassesCode Quiz
• Reading a Margin PrefixCode Quiz
• Anatomy of a Tailwind Utility ClassSlides / Video
• Utility-First Trade-offs and CriticismsSlides / Video
• Benefits of Using TailwindSlides / Video
• How Utility Classes Work in HTMLSlides / Video
• Tailwind vs Traditional CSS FrameworksSlides / Video
• Basic Spacing UtilitiesQuiz
• Default Spacing ScaleQuiz
• Tailwind vs BootstrapQuiz
• What Tailwind CSS IsQuiz
• Text and Background ColorsQuiz
• Utility-First Trade-offsQuiz
• Utility-First MethodologyQuiz
• Applying Utility ClassesQuiz
• Basic Typography UtilitiesQuiz
• Reading Class NamesQuiz
• Tailwind TradeoffsFlashcard
• Design System ScaleFlashcard
• Anatomy of a Utility ClassFlashcard
• Removing Unused StylesFlashcard
• What Tailwind CSS IsFlashcard
• Utility-First vs Traditional CSSFlashcard
• Key Benefits of TailwindFlashcard
• How Tailwind Generates CSSFlashcard
• Mobile-First PhilosophyFlashcard
• Installation and Setup OptionsFlashcard
• Tailwind vs BootstrapFlashcard
• Applying Utilities in MarkupFlashcard
• Utility-First CSS PhilosophySlides / Video
• What Tailwind CSS IsSlides / Video
• Design Systems and Tailwind's TokensSlides / Video