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

[Desktop] Product Preview Card - Gabrielle Perfume

@anepaz

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


Here is my take on the product preview card challenge - desktop version. I would love to get some feedback on the CSS, especially on the use of flexbox. Would also appreciate some feedback on code structure in relation to best practices. Thanks!

Community feedback

@Rennan20

Posted

Overall, it's good. Since you requested feedback on some best practices, it's recommended to set the margin and padding of the entire page to 0. Using border-box will also allow for better manipulation of proportions, which is important since the website is supposed to be responsive. Using rem instead of px is also a good idea. I hope this helps. You can check my code for reference."

Marked as helpful

0

@anepaz

Posted

@Rennan20 Thanks for the feedback! I'll keep them in mind for my next challenge.

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