Yeah, I’m really looking forward to version four and it looks really easy to use this compared to other versions. Let me know if you wanna see more videos around the contact.
Hello, I hope you’re well and thanks for watching. I believe they are working as expected. If you remember in version 3 the padding went up incrementally. So for the example class for padding p-* , pr-* , pl-* , py-* , px-* etc. followed a pattern of p-0 …p-40 and so on. So in v4 you should to use the specified classes or you could use your own arbitrary values like p-[your value] ex. p-[17rem] I also believe that the same applies for margins. I hope this helps, in future videos I’m going to create something so you may see how this works.
Tailwindcss v4 with vite can not installed following the documentation.🥺 I'll try with postcss (the way you did)... But, with vite even npm can not install the package.
Sure, this will get you started. marketplace.visualstudio.com/items?itemName=Catppuccin.catppuccin-vsc. There is a lot of other customizations that I do on top of this though. Thanks for watching, enjoy!
There is a process for React Router in the Docs tailwindcss.com/docs/installation/framework-guides. I may create a video, however the process is very similar.
Is Tailwind the best CSS Framework for building modern websites in 2025?
@williamsk yep. its customizable you can create your own design
Yeah, I’m really looking forward to version four and it looks really easy to use this compared to other versions. Let me know if you wanna see more videos around the contact.
Is padding and margin are not working in this v4? Because when i use p and m nothing happens
Hello, I hope you’re well and thanks for watching. I believe they are working as expected. If you remember in version 3 the padding went up incrementally.
So for the example class for padding
p-* , pr-* , pl-* , py-* , px-* etc. followed a pattern of p-0 …p-40 and so on. So in v4 you should to use the specified classes or you could use your own arbitrary values like p-[your value] ex. p-[17rem] I also believe that the same applies for margins. I hope this helps, in future videos I’m going to create something so you may see how this works.
@@jayfacultymusic how you install from react
Tailwindcss v4 with vite can not installed following the documentation.🥺
I'll try with postcss (the way you did)... But, with vite even npm can not install the package.
I’m going to take a look at this process as well. I feel it’s still early and there maybe some things that need fixing.
@williamsk Yeah... I was getting issue installing the package as well. But, they've fixed that now and it works well with vite(VueJS)
Thanks, good to hear I will run an install with Vue.js as well, thanks for watching!
Could you please share with me the theme and font you are using in VSCode? It looks really beautiful, and I’d love to use the same setup.
Sure, this will get you started. marketplace.visualstudio.com/items?itemName=Catppuccin.catppuccin-vsc. There is a lot of other customizations that I do on top of this though. Thanks for watching, enjoy!
Please Share usage and setup of Tailwind V4 with React.
There is a process for React Router in the Docs tailwindcss.com/docs/installation/framework-guides. I may create a video, however the process is very similar.
@williamsk Please Do create short video , just to setup vite React and configure Tailwind v4
The migration assistant sucks. And their docs on manual migration also sucks.