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 component

@INSolisLoyo

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Call4julius

Posted

Neatly written code.

I was wondering why you declared html {font-size: 62.5%;}?

Also there are two images given: one form mobile display and the other for desktop display. It's suppose to change as you move from one screen size to the other.

That is the little detail you missed. Nice work 👍.

0

@INSolisLoyo

Posted

@Call4julius Thank you for your feedback! I appreciate you bringing it to my attention. I didn't realize there were two pictures, but I'll make the necessary changes. Regarding the 62.5% setting in HTML, I use it as a convenient way to manage pixel values. In browsers, the default font-size is 24px, and setting it to 62.5% results in 10px. This allows me to use 1rem as 10px, eliminating the need for additional conversions or calculations.

0

@Call4julius

Posted

@INSolisLoyo concerning the font-size I now understand your approach. Thanks for the reply.

P.S: Default html font-size is 16px.

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