42 items
Color Without a Shade
Code QuizHiding an Element
Code QuizUtility-First Class Name
Code QuizClass vs className in HTML
Code QuizMisreading the Spacing Scale
Code QuizInvalid Height Value
Code QuizBorder Color Naming
Code QuizTailwind vs Semantic Class
Code QuizMissing Hyphen in Spacing
Code QuizBold Text the Wrong Way
Code QuizSeparating Multiple Classes
Code QuizReading a Margin Prefix
Code QuizAnatomy of a Tailwind Utility Class
Slides / VideoUtility-First Trade-offs and Criticisms
Slides / VideoBenefits of Using Tailwind
Slides / VideoHow Utility Classes Work in HTML
Slides / VideoTailwind vs Traditional CSS Frameworks
Slides / VideoBasic Spacing Utilities
QuizDefault Spacing Scale
QuizTailwind vs Bootstrap
QuizWhat Tailwind CSS Is
QuizText and Background Colors
QuizUtility-First Trade-offs
QuizUtility-First Methodology
QuizApplying Utility Classes
QuizBasic Typography Utilities
QuizReading Class Names
QuizTailwind Tradeoffs
FlashcardDesign System Scale
FlashcardAnatomy of a Utility Class
FlashcardRemoving Unused Styles
FlashcardWhat Tailwind CSS Is
FlashcardUtility-First vs Traditional CSS
FlashcardKey Benefits of Tailwind
FlashcardHow Tailwind Generates CSS
FlashcardMobile-First Philosophy
FlashcardInstallation and Setup Options
FlashcardTailwind vs Bootstrap
FlashcardApplying Utilities in Markup
FlashcardUtility-First CSS Philosophy
Slides / VideoWhat Tailwind CSS Is
Slides / VideoDesign Systems and Tailwind's Tokens
Slides / VideoUtility-First Class Name
Spot the invalid class in a utility-first Tailwind element.
<!-- Utility-first: style directly with small single-purpose classes --> <div class="padding-4 text-center"> Hello Tailwind </div>
What is the bug in this markup?