Product card component Full CSS

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

🛸Hello FEM Community! I'm Facundo and this is my solution for this challenge! 😊

🛠️ Built with:

• HTML 🧱
• Advanced CSS (Pseudo classes/elements & combinators)🎨
• Variable Fonts 🔠
• Flexbox ⚒️
• Grid ⚒️
• Responsive Design
• SEO 🌍
• Mobile First 📱
• NEW media query ranges syntax
• Conventional commits (git) 📜

Again, thanks to the Front-End Mentor team that creates challenges that make us learn a lot from doing them. 💟

If you have any suggestions on how I can improve this project, feel free to leave me a comment!

Feedback welcome 😊

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

In this challenge I had a major problem when changing the preview image of the product depending on the screen size. After looking for solutions for a long time trying to use different image tags and neglecting different attributes, I decided to use two tags and using CSS I was able to solve the problem using the display property.