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
Your session has expired please log in again.
Not Found
Not Found
Not Found
Not Found

Submitted

E-commerce Product page

@Adebowale3

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


I found overriding the color of my cart2 to change color to white challenging, I couldn't do it. Also I'm not sure whether the use of span to place my old price beneath the current price is right, Please can you enlighten me more...Thanks

Community feedback

David 8,000

@DavidMorgade

Posted

Hello man congrats on finishing the challenge!

  • Your site looks good at desktop sizes but doesn't have a layout for mobile devices!, maybe try getting it responsive for future challenges?, you could try a mobile first approach, where you start building your project from a mobile width and then adapt it to tablet / desktop sizes using media querys.

  • Also try using more html semantic tags such as main, section, header, footer instead of usings divs everywhere!, also don't forget to edit your <head> with a title and adding a favicon would be great too!

  • And finally would recommend you to not use px for sizes, try better with rems or %, it will be easier to get a responsive site !.

Hope my feedback helps you for future projects!

Marked as helpful

0

@Adebowale3

Posted

@DavidMorgade Thank you very much for your feedback..I really appreciate it.. although that solution was specifically designed for desktop view only, and not designed for mobile view. I just realised there are more to be done which I will do and after which i will re-submit my solution. I have taken your advice on board and will work on using more html semantics tags ...Thanks

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