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

Frontend-Mentor Product preview card component

@rabin-thami

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

P
K01wfd 690

@K01wfd

Posted

Hi Rabin, i would like to mention some tips for you solution: 1- try to wrapp everything in one root container so it is easier to maintain. 2- in product details section add some padding to the parent container. 3- add inline-margin between price and discount. 4- reduce the line height on the product description. 5- avoid using explicit height on elements, stick default value which is auto as much as you can. 6- reduce the font size for the category title.

Thanks.

Marked as helpful

1

@rabin-thami

Posted

@Korg01wfd Thank you, i will improve it

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