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 (card preview)

@yeisonmoreno

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


feedbacks are welcomed

Community feedback

@TomasPereira-Dev

Posted

Hey what's up?, a way that you can improve this challenge is adding line-height to the description of the product, a big part of graphic design is based on how we read things, so everytime you have more than 1 row of text is a good idea to add a little bit of it, another thing i would do is to center the prices, if you see the example the old price is at the center of the container, you can do that adding flexbox to the container of the prices and giving it an align-items: center; like this .precio{ display: flex; align-items: center; }

Marked as helpful

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