Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Product Preview Card

@Cauanz

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@Murat-cmd

Posted

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

@Cauanz

Posted

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

0

@Murat-cmd

Posted

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

0

Please log in to post a comment

Log in with GitHub
Discord logo

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