Skip to content
Submitted over 2 years ago

Responsive landing page of the e-commer page.

Rafael Nacle•80
@rafaelnacle
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...E-commerce product page
  • HTML
  • CSS
  • JS
3intermediate

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•430
    @ronaldlamdevPosted over 2 years ago

    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
    Rafael Nacle•80
    @rafaelnaclePosted over 2 years ago

    @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

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