Submitted over 1 year ago

My first solution -- Not so Responsive like I would like

Andrea• 240

@ponisworld

Preview site View code

This is a solution for...

Product preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I don't know if It's because I'm sleepy today but I struggled a lot with the height of the card, like the button and the price overflowed a lot when seeing it in mobile devices from Chrome. If anyone has any tip, I would be glad and super grateful to receive the feedback!

Community feedback

S MD suleman• 3,530

@sulemaan7070

Posted over 1 year ago

hey Andrea, this site seems good a few things you can do to make it accurate.

use the object-fit: contain to use the whole image.
you can use a little padding around the text area.
and you can center the item however you see fit. hope my feedback helps you 😄

Andrea• 240

@ponisworld

Posted over 1 year ago

@sulemaan7070 Thank you a lot! I'm going to test it and see if it works!

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