Responsive product card component (only html and CSS)

Solution retrospective
What is the proper way of switching images when media queries are activated when I use only html and CSS? How do you structure your CSS file for better readability and performance? Is it ok to use img { content: url() } to change an image based on media queries?
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Stathis Renieris's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord