Product-preview card component

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

• starting to get hang of responsive & fluid terminologies and incorporating them naturally.
• making use of logical properties instead of regular physical ones.

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

I had a bit of trouble with using srcset with the img tag & couldn't get my primary image to switch to other image after the specified media query but with the help of the kind folks from the discord server (@AlexKMarshall) I understood the use cases of img and picture element & in the end switched to using picture tag and resolved it.

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

I'd very much like if someone could point out what i could do better in all cases/in much more efficient ways to do things or just in general, things I could improve in my code. But specifically I want help with responsiveness & fluidness of text ect. stuff related to responsive design.

I'd appreciate any meaningful feedback. Thank you very much!