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 list with cart

@Yejin-Han

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?

First time using Vuex, finally finish it.

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

Using Vuex and localStorage was quite hard. I asked chatGPT a lot, and googled a lot, too.

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

Anything you've found strange.

Community feedback

@outHereSam

Posted

Nice work. You should look into replicating the design as closely as possible. In your case the desktop version shows 2 columns whiles the design shows 3

0

@Yejin-Han

Posted

@outHereSam Actually, I set 3 columns when screen width is larger than 1440px to handle the wide screens. Thank you for your comment :)

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