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

@arnavankush30

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

@walkerbb216

Posted

For the prices, you can get rid of justify-content: center and just the gap property to create spacing between them. This way it's still aligned to the left like everything else. You can also use the gap property on the button icon and text. For 'Perfume', margin-top / margin-bottom would be better so it's not out of alignment with the rest of the content. Setting the image's width to 100% and the height to auto will allow it to fit into the outter card div's size and you can add padding to the content without messing anything up.

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