Skip to content
Submitted almost 3 years ago

E-commerce product page challenge hub using html, css and vanilla js

Adaeze Dawari•810
@Ebulor
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...E-commerce product page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

any feedback is appreciated :)

Community feedback

  • LiBee•370
    @Li-BeePosted almost 3 years ago

    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
    Adaeze Dawari•810
    @EbulorPosted almost 3 years ago

    @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

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