Product preview card component using CSS and HTML

I confess that despite this project being relatively basic, I had some difficulties.

In the beginning, setting up the interface was quite easy. The problem started when I went to design the desktop. It was working on desktop but not on mobile and vice versa. After a lot of thinking I managed to solve it by replacing max-width with min-whidth in @media queries.

I'm sure my code got unnecessarily long and complex, with lots of repeated lines. Also, I couldn't properly style the button on the desktop layout. Probably because I used a wrong positioning.

Although I managed to make the project visibly similar to the design, I'm pretty disappointed in myself, I thought I could do better than that.