Tailwind Styling Not Working

[JohnL0919]

https://github.com/JohnL0919/phoenix Hi everyone, a complete noob with tailwind here, I had issues trying to get the styling to work and inlcuding the CDN worked but I am still having trouble getting the theme in my tailwind.config.js to work in my component classes.

The above is my tailwind.config.js with the styling

I then include it in the index.css file

But when i use it in the register.jsx it does not get applied properly.

I have tried many different methods to fix my tailwind config but it still does not work.

[gaziraihan1]

Check your tailwindcss is running or not?
Check have you export all type of file in tailwind.config.js file in content:[]?
Check If your img-box class has conflicting styles in another layer (like base or components), this could override your utility styles.
Check by trying import the index.css file in react file.
Try to create a new testComponent and check only className="img-box".
Try to run the tailwind server again, maybe it could work.

[JohnL0919]

Hi, thank you for responding. How can I check if tailwindcss is running or not?