Submitted 12 months ago

Responsive Product card using CSS Grid & Media queries

Martin Flischman• 20

@MartinFlischman

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

How can I improve my code to be more DRY?
I struggled to have the product card auto align to the center of the page on any screen, so I added a fixed margin on-top.

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