I’m making a side project using tailwind and react with vite. I realised that the changes I made to my tailwind classes is not being reflected in the chrome dev tools and the changes are not displayed in the website. As a result I have to stop the server and run npm run dev again to see the reflected changes. I realised that this issue pops up only when I am trying to change the tailwind classes of a component that is imported and used in other components.

I’ starting a new project using React+Vite+TS and Tailwind. I was curious to try fluid for Tailwind here but it doesn’t work.

I’ starting a new project using React+Vite+TS and Tailwind. I was curious to try fluid for Tailwind here but it doesn’t work.

I’ starting a new project using React+Vite+TS and Tailwind. I was curious to try fluid for Tailwind here but it doesn’t work.

I’ starting a new project using React+Vite+TS and Tailwind. I was curious to try fluid for Tailwind here but it doesn’t work.

I’ starting a new project using React+Vite+TS and Tailwind. I was curious to try fluid for Tailwind here but it doesn’t work.

I have built an app using vite, React and Tailwindcss. There is a section in my website which is just a div wrapping a bunch content that renders cards. This is the code and the output when I am developing on my local computer (i.e. using npm run dev).
npm run dev produces this section with the styles applied properly

I was working on a custom progress bar when I wanted to use the <style> tag to customize the progress value indicator. However, the css was not recognized. How do I have to configure my project that the following works:

I’ve never used Tailwind and thought I’d give it a try for a new project I’m working on. I quite literally copy/pasted the instructions provided in their docs here: https://tailwindcss.com/docs/guides/vite and none of the styles are being applied.