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

Cake Shop (JQuery, Bootstrap, Hammer.js)

DDOL-dol 40

@DDOL-dol

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

Community feedback

P

@AdamHaniff

Posted

• To make your site more interactive for the user, maybe change the cursor to a pointer when the 'add to cart' button is hovered. You can do the same for the increment and decrement buttons as well. You can do this for the remove items button as well.

• When the 'confirm order' button is hovered, maybe consider not changing the button's background color to white because the background is already white. You can do this for the 'start new order' button too.

• Maybe consider allowing the user to click on the overlay so that the modal disappears and allow the user to edit their order. If the user wanted to just increase the quantity of one item in their order, they would have to start all over again.

• If the user adds all 9 items to their cart, the cart is not scrollable. It stays in place so the user never gets to confirm the order.

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