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 With HTML and CSS

@AnthonyPA0902

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


There are 5 things I found hard when doing this challenge

  1. How to set the padding for the text on the right so that it fit the design.
  2. How to make the small original price number in the middle and not on the same line as the big price number
  3. How to make the cart icon inline with the text
  4. How to make the gap between each line in the small gray text before the prices
  5. How to make the border of the right content fit with the image

Hope everyone understand, sorry because English is not my first language. Thanks for reading this, hope you can help me !!!

Community feedback

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