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

E-commerce-product-page

@Eman-Abdallah

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 think i do most of the work but navigation arrow not work and there are white space in mobile size i dont know why

Community feedback

Erick 270

@d3bu6m3

Posted

Congratulation for finishing this challenge, I have something that I think it shouldn't work that way, It is the add (+) button in the quantity which is must be an add to the quantity but not to the cart item

1 item = 1 cart item (data-totalitem=1)

2 item = 2 cart item (data-totalitem=2)

1 item/2 quantity = 1 cart item (data-totalitem=1)

and you can use overflow: hidden to your "<main> to fix the whitespace your overlay is overflowing this is the reason why it has a white space on your mobile

Marked as helpful

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