Product-preview-card-component challenge solution with HTML and CSS
Design comparison
Solution retrospective
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.
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