Tailwind vs Semantic Class

Misreading the Spacing Scale

Color Without a Shade

Utility-First Class Name

Class vs className in HTML

Bold Text the Wrong Way

Invalid Height Value

Reading a Margin Prefix

Missing Hyphen in Spacing

Border Color Naming

Separating Multiple Classes

Hiding an Element

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

Tailwind vs Bootstrap

Utility-First Methodology

What Tailwind CSS Is

Basic Typography Utilities

Utility-First Trade-offs

Basic Spacing Utilities

Reading Class Names

Applying Utility Classes

Default Spacing Scale

Text and Background Colors

Design System Scale

Utility-First vs Traditional CSS

Tailwind Tradeoffs

Key Benefits of Tailwind

Applying Utilities in Markup

Mobile-First Philosophy

Tailwind vs Bootstrap

Installation and Setup Options

Anatomy of a Utility Class

What Tailwind CSS Is

How Tailwind Generates CSS

Removing Unused Styles

Utility-First CSS Philosophy

What Tailwind CSS Is

Design Systems and Tailwind's Tokens