Responsive Product-Preview-Card-Component

What did I find difficult while building this project? -Since this is my first responsive page, basically, most things concerning media query, and tried my best to rely less on media Query and more on a general design that is suitable for both mobile and desktop but mobile first.

Which areas of your code are you unsure of? -Height and widths of containers and overall dimensions of most elements since most of them are just by eyeballing and using units that made sense to me

I would love feedback about any best practices that I can include in my code and if I can also improve my semantics along the way. Thanks!