In this training game, you'll play bite-sized lessons where you identify the Tailwind 4 utility classes you're presented. As you hone your skills, continue your journey by unlocking levels with new challenges. No two play-throughs are the same.

Learning Objectives

Develop expertise in the utility classes needed to style colors, typography, spacing, sizing, flexbox, grid, backgrounds, borders, tables, layout, filters, effects, transitions, animations, transforms, media queries, and states like hover and focus.

Prerequisites

You should have a working knowledge of CSS and be familiar with the principles of the CSS framework Tailwind, specifically its utility-first approach to styling.