Product preview card component using semantic HTML, CSS Nesting...

What are you most proud of, and what would you do differently next time?

I tried some features I never used before, maybe in a wrong way so feel free to share any advice :)

What challenges did you encounter, and how did you overcome them?

First time I give a try to responsive images with srcset and relative colors in CSS for hover effect. I spend some nice time reading the doc

What specific areas of your project would you like help with?

Every feedback is welcome, in particular regarding accessibility. Also I would like to discuss alternative approaches for semantic