Skip to content
Submitted almost 2 years ago

Product Preview Card

Cauan Zelazowski•70
@Cauanz
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

(For some reason this only works in chrome, measurements are wrong in other browsers). I probably fixed this problem

Community feedback

  • Ameer Mavia•160
    @Murat-cmdPosted almost 2 years ago

    Not entirely, Maybe Measurements are wrong in the code, I would recommend using percentages for values like height, margin, and width. Making good use of Space using Grid Layout and Line-Height may help fix this problem for different screen sizes. Decluttering the code and marking up elements properly with browser compatibility is the best you can do! Hope this Helps!

    2
    Cauan Zelazowski•70
    @CauanzPosted almost 2 years ago

    @Murat-cmd The problem is the size of the fonts, it changes itself depending on the browser

    0
    Ameer Mavia•160
    @Murat-cmdPosted almost 2 years ago

    @Cauanz Try using "px" rather than "em" or "rem"

    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