Submitted over 1 year ago

Product preview card

alexcammeraat• 40

@alexcammeraat

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

What i found difficult in this project, is alignment. To have the product card in the center of the screen on a larger screen, (laptop) and on a small screen (mobile) to have to remove the 90vh so that it works.

Community feedback

Fer• 3,970

@fernandolapaz

Posted over 1 year ago

Hi 👋, I don't know if you want feedback but I noticed a problem with the images:

It doesn't display in less than 300px because the path is wrong (although I don't know what your intention is at that breakpoint),

And between 500 and 768px you have the mobile layout with the desktop image (breakpoints in html and css should match).

I hope it’s useful : )

Regards,

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