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

React js, react icons, react modal

@CelsoTavares

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


Hey guys, I used react js in this project, any tip will be welcome, thanks.

Community feedback

yishak abrham 2,150

@yishak621

Posted

Hey there ...congrats for completing the challenge but fix these .....the side-bar should be fixed position and also the z-index must be greater than 1 ....i see ur design in Mobile so these comment is for Mobile version ...the top margin of navbar should be minimized ...the functionality of the gallery is not working i press the prev and next btn and nothing happened ...so create some kind of local data array and add a functionality to the gallery ...the notification number position is a little bit off fix that too ..happy coding ☺️

1

@CelsoTavares

Posted

@yishak621 Thanks for the tips, I made some changes to the code.

0
Nikola D 1,450

@NikolaD93

Posted

Looks nice bro, well done! Here are some suggestions:

  1. Try not to use DOM selectors in React
  2. Instead of using IF-ELSE for image slider try to do it with useState hook. Good luck with next challenges!
1

@CelsoTavares

Posted

@Nikola1232456 Thanks for the tips, I made some changes to the code.

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