Tailwind CSS quiz

Test your Tailwind CSS knowledge with a free interactive quiz — 50 questions with answers and explanations. No signup needed to play.

Which class sets text alignment to center?

1. Which class sets text alignment to center?
2. How do you set font weight to bold?
3. How do you make a div take the full width of its parent?
4. How do you handle dark mode in Tailwind by default?
5. How do you center children horizontally and vertically in a flex container?
6. How do you handle a `:focus` state for keyboard accessibility?
7. What does `space-y-4` do on a parent element?
8. How do you remove unused Tailwind classes from production?
9. How do you customize the color palette?
10. How do you use arbitrary values like `top: 17px`?
11. How do you combine multiple states like `dark:hover:bg-gray-700`?
12. Which class enables flexbox layout?

More quizzes