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 challenge hub using html, css and vanilla js

@Ebulor

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


any feedback is appreciated :)

Community feedback

LiBee 390

@Li-Bee

Posted

Soooo close to the design well done - will use this as a guide.

Couple of things i noted -

  1. The width of the font on the right and the button seems to be smaller than the design consider making the width wider.
  2. The first picture underneath the main picture needs the overlay and orange border to simulate it has been selected.
  3. There are a few accessibility and validation issues which need to be solved. Suggest you add <main></main> to the <body> - this should clear the landmarks comments.

Marked as helpful

0

@Ebulor

Posted

@Li-Bee thank you so much for going through it, I'll implement what you noted. Thanks once again!

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