Product preview card component solution - HTML, SCSS

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

I used microdata to enhance semantics.

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

To stretch the image to fit the card height on desktop view, first I applied display: flex both on the image parent element and on its parent; but, the image did not stretch correctly on Safari. To fix, I forgot about flex and just added height: 100% to the image itself (and object-fit: cover to ensure the image remains well-proportioned).

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

No particular help requested.