Submitted about 2 years ago

Responsive card using media queries to a minimum

Orses• 210

@orses

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Product preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I think the image reflects the product, that's why I've tried to put them in their own img tag, and change the image through a media query without using JavaScript. I don't know if this is a good approximation or something not recommended.

Community feedback

Please log in to post a comment

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