Respponsive product preview card using mobile-first approach

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

I am proud of completing this challenge. I tried to create similarly as close as possible to the design. However I think there is a better solution than mine. I practiced media query and flexbox to make it responsive. Next time I want to use grid.

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

When I was doing this challenge I struggled to make text look similar to the design at first. I tried to limit line of the text using padding and margin but it didn't help then I read web dev about typography and found out solution to overcome this issue by using
max-inline-size.

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

When I was checking responsivenes of my solutoion by devTools I noticed horizontal scroll show up.If you know how to resolve it let me know.