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

Ecommerce page using Next.js

@leonpahole

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

Community feedback

S MD suleman 3,530

@sulemaan7070

Posted

hey 😄Leon Pahole, congratulations on completing the challenge... here are a few tips to make your site better.

1.The desktop version is fine.. but the mobile version seems it need improvement. The button on the carousel is not working and only one button is visible.

2.Add position:sticky top:0 to the nav bar so that the user can see the numbers of items added to the cart when he presses the add to cart button.

Hope that helps,happy coding🔥🔥

0
BIKI DAS 295

@Biki-das

Posted

Remove the Mobile hamburger menu you already have one, and the add to cart button is working odd try to match it with the design preview and active states

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