Skip to content
Submitted over 2 years ago

Product Preview Card with HTML and CSS

LauSan•190
@Lau-San
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'm sure there's a lot of things I need to work on, but I specially have problems with cross-browser compatibility. (I could make it work on Firefox but not on Brave) I'm not sure how to go about it, or what to look for so any advice on that would be appreciated.

Community feedback

  • faizan•2,420
    @afaiz-spacePosted over 2 years ago

    Hey @Lau-San, congratulation on completing the challenges. I noticed some issues.

    • Replace height:100vh; with min-height:100vh in the .wrapper class
    • Replace width:50% with width: 40rem; in the .product-card class.
    2

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