Tailwind CSS quiz

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

How do you center children horizontally and vertically in a flex container?

1. How do you center children horizontally and vertically in a flex container?
2. Which class creates a 4-column grid?
3. How do you change a button's background only on hover?
4. Which command sets up Tailwind in a project?
5. How do you remove unused Tailwind classes from production?
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 set font weight to bold?
9. How do you make a div take the full width of its parent?
10. Which class makes an element hidden but accessible to screen readers (`sr-only`)?
11. How do you use arbitrary values like `top: 17px`?
12. What is Tailwind CSS?

More quizzes