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

Responsive e-commerce product page

Jhones 870

@jownsu

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

@jjdavenport

Posted

The site looks great and works well on all viewports, the only thing I would remove is the alert for the checkout button. There are also some accessibilty features with the site with me being unable to tab to the lightbox main image on desktop and the thumbnails. The styling is mostly perfect apart from the nav on the desktop not being aligned on the left hand side and is also missing the logo image with text used instead. Overall this soluution is great just needs the semantic html correcting, some aria-labels and tab-index's added for accessibility.

Well done!

1

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