Skip to content
Submitted almost 2 years ago

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

Andrea•240
@ponisworld
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

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
    @sulemaan7070Posted almost 2 years ago

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

    1. use the object-fit: contain to use the whole image.
    2. you can use a little padding around the text area.
    3. and you can center the item however you see fit. hope my feedback helps you 😄
    1
    Andrea•240
    @ponisworldPosted almost 2 years ago

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

    0

Please log in to post a comment

Log in with GitHub

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