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-preview-card-component challenge solution with HTML and CSS

P

@kassahunAmdie

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


What are you most proud of, and what would you do differently next time?

I am proud of getting close to my estimate regarding how long it would take me to complete the challenge. I am still off by a couple of hours almost. But considering the progress I made with the challenges I have completed so far, in my book, this is well done. I will keep working on this suggested foreplan by Frontend Mentor.

What challenges did you encounter, and how did you overcome them?

Working with the pseudo element for the shopping cart icon at first gave me the run around. After pouring over in the MDN Web docs I was able to solve the problem. I used positioning at first that made the icon invisible. The lesson I learned is not to over complicate my approach. Sometimes the simplest solution gives the most elegant result.

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