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 Review card component

Buchi 160

@B-uchi

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


How can I improve the mobile view?

Community feedback

Lucas 👾 104,440

@correlucas

Posted

Hello Buchi,

You can add more padding between the elements and also in the div that wrap the card info, the padding-top or padding-bottom between the texts is minimun 20px, this way your design will be more similar to the Figma design.

If you want you can check my solution and see the aprox. padding between elements. By the way your solutions seems great, you need only more space to have a gap between the information.

Congratulations!

Marked as helpful

1

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