Responsive Product Preview Card (HTML and CSS)

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

I am proud of using mobile-first workflow, first time using logical properties too.

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

I made a mistake importing the font, it can not be loaded at first. It works when I move it to the very top line of my CSS. I also struggled with my breakpoints, at a particular height the components break (try height

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

I would like feedback on my HTML structure and CSS, especially on my media query. I'd also like some help with the error I mentioned above.