Skip to content
Submitted over 3 years ago

Ecommerce Product Page with Sass, BEM and Vanilla JS

sass/scss, bem
Jaycee Altamia•330
@simplyJC
A solution to the E-commerce product page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Any feedback will do to improve my code. I really appreciate it. Have a nice day. Thanks. :)

Code

Please log in to post a comment

Log in

Community feedback

  • Prabhash Ranjan•2,540
    @besttlookk

    Overall it looks good but wanted to give some suggestions:

    1. For small screen sidemenu should get close when clicking outside.
    2. After clicking "add to cart" quantity should reset to 0.
    3. Try add active state for the button to let user know button has been pressed.
    4. Add cursor:pointer for next and prev button , along with some hover effect.
    5. You navbar item color is blue. which does not look good with the design.
    6. Also, add hover effect on nav-items.

    Here is my attempt: https://e-commerce-product-page-fem.herokuapp.com/

    I am no expert , always happy to help if you need any. Good luck

    Marked as helpful

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