Responsive product card with vanilla html and css

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

Found my incorrect use of local Google fonts, resulting in wrong fonts being displayed. I like the solution I found to use a different image on mobile and on tablet/desktop.

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

Had some trouble switching between the images, but it worked out fine.

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

I noticed the text and the icon in the button are not the same as in the design (text is not vertical center aligned). I tried using flex to solve it, but it didn't work out. Furthermore, I would rather not use a bottom margin on a singe text, so for now, I decided to leave it.