What do you feel like working on today?
Writing Exercises

You'll get the chance to write TailwindCSS classes by completing an audio dictation or by following written instructions. This set of exercises will help you start thinking in Tailwind and get fluent with its classes. There is also a timer running in case you want to keep track of your progress.

Resume
Reading Exercises

Once you understand how Tailwind classes work, it's likely that you'll be using pre-made code (snippets or components). Therefore, you need to understand the code in case you want to make any adjustments or give them your personal style. The exercises you'll find here basically test how well you can read Tailwind.

Resume
WARNING: Many exercises work with responsive design, so we recommend you to use a laptop or desktop for a better learning experience.
FAQ'S
Requirements

Knowledge on vanilla CSS and HTML.

Can I save my progress?

Yes, in case you need to leave before completing all the exercises, you can come back later and your progress will be automatically saved.

Is the content free?

Yes, all our content is 100% free of charge. The only thing we ask for is sharing the website with your friends if you enjoyed the exercises and the content was helpful for you.

How can I support your website?

Help us by posting a comment on social media telling your experience with TailwindTrainer or tell us how we can improve.

Where can I find the solutions to the exercises?

In case you aren't able to solve one of the exercises, you can always see the solution by clicking the 'Show Solution' button.

Why can't I see all the exercises?

By default all the exercises are blocked until you solve them correctly. Once you solve an exercise, you'll be able to review it at anytime.