Color Without a Shade

Hiding an Element

Utility-First Class Name

Class vs className in HTML

Misreading the Spacing Scale

Invalid Height Value

Border Color Naming

Tailwind vs Semantic Class

Missing Hyphen in Spacing

Bold Text the Wrong Way

Separating Multiple Classes

Reading a Margin Prefix

Anatomy of a Tailwind Utility Class

Utility-First Trade-offs and Criticisms

Benefits of Using Tailwind

How Utility Classes Work in HTML

Tailwind vs Traditional CSS Frameworks

Basic Spacing Utilities

Default Spacing Scale

Tailwind vs Bootstrap

What Tailwind CSS Is

Text and Background Colors

Utility-First Trade-offs

Utility-First Methodology

Applying Utility Classes

Basic Typography Utilities

Reading Class Names

Tailwind Tradeoffs

Design System Scale

Anatomy of a Utility Class

Removing Unused Styles

What Tailwind CSS Is

Utility-First vs Traditional CSS

Key Benefits of Tailwind

How Tailwind Generates CSS

Mobile-First Philosophy

Installation and Setup Options

Tailwind vs Bootstrap

Applying Utilities in Markup

Utility-First CSS Philosophy

What Tailwind CSS Is

Design Systems and Tailwind's Tokens