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

@ZakJam

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

z-mn 150

@z-mn

Posted

Good job. Although the design is generally accurate the font size is too small for the desktop version and you forgot to add the hover effect. In your CSS you have also repeated a lot of code unnecessarily when writing your media query. The properties that you wrote outside the media query will stay the same if you don't reference them in the media query so you don't have to rewrite them again. You could also use clearer variable and class names so it is easy to understand their purpose (this makes it easier for others to read and understand). Well done and good luck in the future

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