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 apply different styles on screens 768px and wider?

1. How do you apply different styles on screens 768px and wider?
2. Which class creates a 4-column grid?
3. How do you use arbitrary values like `top: 17px`?
4. Which class sets background color to blue-500?
5. What is the canonical entry CSS file for Tailwind v3?
6. How do you apply a 1px solid border in gray-200?
7. How do you set font weight to bold?
8. Which command sets up Tailwind in a project?
9. How do you handle dark mode in Tailwind by default?
10. How do you handle a `:focus` state for keyboard accessibility?
11. How do you set font size to ~1rem with line-height 1.5rem?
12. How do you make a div take the full width of its parent?

More quizzes