Skip to content
Submitted almost 2 years ago

product-preview-card-component

Barbod•100
@barbodGarsha
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

there was no information about how exactly the responsiveness would look on different screen sizes and I think it would depend on the website this component would be used in so I made the call to no go really deep on the responsiveness.

Community feedback

  • Amine Elkhalidy•0
    @AmineElkhalidyPosted almost 2 years ago

    Hello @barbodGarsha, You have done an amazing job with this card, but you have a problem with small screen devices, if you inspect the code then resize the screen, you will see that the card is not fully displayed, so you have to make the min height of the whole page 100vh, then add more vertical padding

    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