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

responsive product list with cart page

Justin 300

@iamprincetj

Desktop design screenshot for the Product list with cart coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I'm proud I was able to solve all the problems, although it took me time to figure it out, I still solve it, learnt a lot in the process too.

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

Lots of challenges with the storing of the selected data and getting it in another component, at the same time making it known to all the components that needs to track what goes on with the selected cart data. It was a very hard thing to figure out, but with perseverance (trust me I did get tired at some point) and needing to know what was wrong and learning from it, I googled and ask GPT questions I was able to solve it one way or another. Was fun too 😁 I guess ...

What specific areas of your project would you like help with?

With the order confirmed modal, The design wasn't actually clear to know it content's length, so I had to go around it with giving it a max height and overflow. So, with lots of selected cart data the modal content will have a vertical scroll bar.

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