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 fronted Product Page

@MARVELGARR

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 love this project ... it helped me learn redux tool kit and some and typescript well

Community feedback

@JesugG17

Posted

There are a lot of things that you can improve: 1.- The general design is not too good, you can do it better with the colors, hover states, widths of some images and more. 2.- There are a bug in mobile size, the product description and title appears twice. 3.- When you click on the mobile menu, you need to put a slighly opaque black background.

0

@MARVELGARR

Posted

thanks I would do that as soon as possible @JesugG17

0

@MARVELGARR

Posted

The product appears twice because I added 2 identical product in my custom JSON file I created so I can simulate adding two product with different id, I just clice it in desktop view @JesugG17

0

@obed-smart

Posted

you have some error code in mobile responsive and also on the desktop

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