Tailwind CSS Exercises
Apply your knowledge with interactive coding challenges. Complete these 30 Tailwind CSS exercises to master the language.
30
Total Challenges
0
Completed
30
Remaining
0% Complete
TAILWIND Exercise: Responsive Design
Practice Responsive Design in tailwind with this interactive exercise.
Utility Classes
Build UIs with utility classes using Tailwind CSS.
Colours
Build UIs with colours using Tailwind CSS.
TAILWIND Exercise: Hover, Focus, & Other States
Practice Hover, Focus, & Other States in tailwind with this interactive exercise.
TAILWIND Exercise: Dark Mode
Practice Dark Mode in tailwind with this interactive exercise.
Typography
Build UIs with typography using Tailwind CSS.
Spacing
Build UIs with spacing using Tailwind CSS.
TAILWIND Exercise: Reusing Styles
Practice Reusing Styles in tailwind with this interactive exercise.
Sizing
Build UIs with sizing using Tailwind CSS.
TAILWIND Exercise: Adding Custom Styles
Practice Adding Custom Styles in tailwind with this interactive exercise.
Flexbox
Build UIs with flexbox using Tailwind CSS.
TAILWIND Exercise: Functions & Directives
Practice Functions & Directives in tailwind with this interactive exercise.
Grid
Build UIs with grid using Tailwind CSS.
TAILWIND Exercise: Flexbox
Practice Flexbox in tailwind with this interactive exercise.
Responsive Design
Build UIs with responsive design using Tailwind CSS.
TAILWIND Exercise: Grid
Practice Grid in tailwind with this interactive exercise.
Cards
Build UIs with cards using Tailwind CSS.
TAILWIND Exercise: Spacing
Practice Spacing in tailwind with this interactive exercise.
Responsive Navbar
Build UIs with responsive navbar using Tailwind CSS.
TAILWIND Exercise: Utility-First
Practice Utility-First in tailwind with this interactive exercise.
TAILWIND Exercise: Responsive Design
Practice Responsive Design in tailwind with this interactive exercise.
TAILWIND Exercise: Hover, Focus, & Other States
Practice Hover, Focus, & Other States in tailwind with this interactive exercise.
TAILWIND Exercise: Dark Mode
Practice Dark Mode in tailwind with this interactive exercise.
TAILWIND Exercise: Reusing Styles
Practice Reusing Styles in tailwind with this interactive exercise.
TAILWIND Exercise: Adding Custom Styles
Practice Adding Custom Styles in tailwind with this interactive exercise.
TAILWIND Exercise: Functions & Directives
Practice Functions & Directives in tailwind with this interactive exercise.
TAILWIND Exercise: Flexbox
Practice Flexbox in tailwind with this interactive exercise.
TAILWIND Exercise: Grid
Practice Grid in tailwind with this interactive exercise.
TAILWIND Exercise: Spacing
Practice Spacing in tailwind with this interactive exercise.
TAILWIND Exercise: Utility-First
Practice Utility-First in tailwind with this interactive exercise.