What is Tailwind CSS and what does 'utility-first' mean?

Summary

Tailwind is a CSS framework of small, single-purpose classes (utilities) such as p-4, flex and text-sky-600. Utility-first means you build designs by combining these classes in your markup instead of writing custom CSS classes per component.

Longer Answer

Benefits: no naming, no context switching, consistent design from a shared scale, small CSS (only used classes are generated), and changes that can't break other pages. The trade-off is longer class lists, handled by extracting components.

Key Points

• Single-purpose classes.
• Compose in markup.
• Consistent scale.
• Components handle repetition.

Deep dive: Tailwind CSS Tutorial: Tailwind CSS Introduction

What interviewers look for

Clear definition plus honest trade-offs.