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 landing page of the e-commer page.

@rafaelnacle

Desktop design screenshot for the E-commerce product page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


I struggled a lot with the classList.toggle('active') to remove the classes, I think there is a much better way to do this but I did it with active, what would you use ?

Community feedback

@ronaldlamdev

Posted

Nice job. I also finished this project today. I hope you don't mind me looking at your code to see how you got the cart to show quantity added.

One issue I have is whenever I click on the thumbnail images, it opens the modal. I think this would be better if the open modal function was for when you click on the larger image, but that's just me.

Marked as helpful

1

@rafaelnacle

Posted

@ronaldlamdev hey Ronald thank you for checking out my project. Feel free to take a look in anything man!

The cart was a challenge itself hahah, e-commerces mechanics are tricky, but you'll get it in no time! I had to do some googling but who doesnt right?

I also tought about adding to the image but in the layout it showed the cursor only at the thumbnails, but I think I'll add it !

Thanks for your feedback!

1

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