✨ Installing Tailwind CSS v4 Using PostCSS

🚀 Tailwind CSS v4 introduces a new CSS-first approach, and in this video, we’ll walk through installing Tailwind CSS v4 using PostCSS!

🔗 Useful Links:

Connect with me for questions, suggestions, and video requests.

Timestamps:
00:00 Intro
00:41 Installation
05:40 Outro

#tailwindcss #learntailwindcss #SashankGL

[CodeWithShezi]

I've been dealing with this problem for more than a week and finally found this video. Amazing and very helpful. Thank you!

[alimahmoud]

I've been dealing with this problem the whole day and you saved me. Thank you ❤❤
i'm using parcel so i did the same with parcel instead and worked.

[atlaslion]

Hey bro, with the last Tailwind 4.1 integration enhancement, can you make a video to show the right way to upgrade or add it to an Angular 19 app ?

[ImIIall-lkme]

Hi, I followed the tutorial step by step and everything works since we tried to put some classes in the div, because my index.html seems to not read those classes😥. That's the only tutorial that I followed really good but is still not working. Could you help me in some way?

[prince-abdul-malik]

I need help, apart from "p-4 bg-slate-200" no other utility class work, I checked the styles.css file (not in the dist folder) and found @layer utilities {
.bg-slate-200 {
background-color: var(--color-slate-200);
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
}

[MunizaSaeed-tp]

You created 2 file of style.css I am confused which about style.css and dist😊

[harshagrawal]

Hi, When i run the first command :- "npm install tailwindcss @tailwindcss/postcss postcss postcss-cli" in my folder, it doesn't add any file/ folder (node_modules, package.json, package-lock.json) like in your case.
Also i am using tailwind version 4.1.4 and linuxmint (for the reference)

[shreyarawatvlogs]

the changes are not getting reflected on my code

[d-short]

error -Input Error: You must pass a valid list of files to parse

[pantherpigeon]

thank you... however wtf is going on with the vscode theme!