HTML & CSS · Junior · Question 46 of 75

What is the utility-first approach in Tailwind CSS about?

1Styles are written in separate SCSS files following BEM with mixins
✓Correct answer: Styles are composed in markup from small single-purpose classes (flex, p-4)
3Tailwind generates ready-made components: buttons, cards, modals

Explanation

Utility-first means styling with atomic classes, each doing one thing. Tailwind isn't a component library (unlike Bootstrap): it has no ready-made buttons. Only classes found in your source code end up in the final CSS, so the bundle stays small.

What is the utility-first approach in Tailwind CSS about?

Explanation

Further reading

Problem with a question

Test yourself