Tailwind CSS

Make projects look finished

Use Tailwind CSS v4 to turn a working page into a clean, responsive, recruiter-ready project. You will style a real Vite app with layout, spacing, type, dark mode, and tidy classes.

For college builders in India who can code a basic app and want hackathon projects that look internship-ready.

Foundation7 lessonsAbout 30 min+100 XP

Usually easier after HTML & CSS. You can start here anyway.

Written from the official docs and release notes, and last checked on 21 September 2026.

Start lesson 1

Your path

1Start hereThink in utility classes4 min
2Use spacing and type scales5 min
3Build flex and grid layouts5 min
4Make it responsive first4 min
5Add useful dark mode4 min
6Keep classes readable4 min
7Submit a polished repo4 min
The check10 questions · 7 to pass
Verify the Tailwind CSS skill+100 XP and +50 SHARP and a certificate, once the check and the task are done