Responsive product card using Vite and Tailwindcss

When building this project the most difficult part for me was the configuration of tailwind. I have used tailwind before but this is the first time I tried it with Vite. Getting the Postcss config working was a bit of a challenge at first but I solved it by setting the file to .cjs instead of the .js from the tailwind doc. I appreciate any feed back but im specifically looking for feed back on ways to clean up my tailwind css. Thanks