Responsive product preview card using Vite, React and Tailwind CSS

This is my first attempt at using Vite, React and Tailwind CSS for a project which proved to be quite a steep leaning curve.

Using Vite made the whole dev environment simple to set up and operate, I will continue using Vite to drive my frontend dev workflow.

Because Tailwind CSS is a utility framework, it took some getting used to for me, this is the first time I took the approach of stringing together small utility classes to produce a design implementation. At first, I was pretty slow at getting results because I had to go between the docs and the editor for each class, as I got used to the Tailwind way, I found that I could cope more intuitively with the help of intellisense.

I'm still in the process of learning React and used this challenge to provide a practical implementation of the basics. One thing that I'm not too sure about is the passing of "className" as an input parameter to function components, it seemed intuitive to me to do something like that but I may be wrong about that - so feedback on this concern will be greatly appreciated.