Tailwind CSS Quiz
Check your Tailwind CSS knowledge with these questions from the whole tutorial.
How the Quiz Works
- Choose one answer for each question
- You see the right answer and a short explanation straight away
- If you get one wrong, go back to that chapter and try its examples again
Quiz Questions
Exercise
How do you add Tailwind CSS v4 to a page quickly for learning?
Exercise
What does mt-4 do?
Exercise
Which class makes text dark gray?
Exercise
Which class makes an element perfectly round, like a circle avatar?
Exercise
Which classes centre a child both horizontally and vertically inside a flex container?
Exercise
What does col-span-2 do inside a grid?
Exercise
On a 500px wide phone, which font size does text-lg md:text-3xl use?
Exercise
Which class shows an element on phones but hides it from 768px and up?
Exercise
What does the dark: prefix do by default?
What Next?
Well done on finishing the Tailwind CSS tutorial. Next, learn JavaScript to add interaction, or compare with Bootstrap.
Ready to build real projects? Join the Workownix Web Development course, online or at our institute in Orangi Town, Karachi.