All solutions

I am delight to say that I just finished one more challenge from Frontend Mentor. On this challenge I have build a product card component using HTML and CSS. My biggest difficulty was to make the card responsive using CSS media queries, I still have a problem with the image for mobile, when opening in certain smartphones the image doesn't download.

By finishing this project I notice that I still need some practise on Box Model, display values, positions and colours on CSS. Also I had some difficulty on centring the card, I ended up adding a margin auto and a margin top to centre it, but I am sure there is a more practise way to do so. I would love your feedback and what you would do different from me.