HTML & CSS · Senior · Question 42 of 75
How does Tailwind v4 fundamentally differ from v3?
- 1v4 removed utilities and kept only ready-made components
- ✓Correct answer: CSS-first config via
@theme, a new engine, automatic source detection - 3v4 works only with React and requires a separate Babel plugin
Explanation
Tailwind v4 is a rewrite: it's included with a single @import "tailwindcss", tokens are defined in CSS via @theme and exposed as CSS variables, and you no longer list paths in content - sources are detected automatically. Builds are much faster, and styles use @layer, @property and color-mix(). Modern browsers are required.