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

Nasim Reja 220

@nasim67reja

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


It was too hard for me 😢.I tried my best.You must check the slider and tab component. I have added some animations on cart icon and the tab component. Don't forget to give feedback. Any feedback will be appreciated 😊

Community feedback

Ollie 580

@ohermans1

Posted

Take a look at my shadow-box / slider. I just used a counter, that went up as you clicked right and down as you clicked left. I then used this to create the file name. For instance, if you were on image 2, the file name would be "image-product-" + counter + ".jpg". Each time you clicked, it would change to a new file name :)

Nice work though! Looking super close to the original.

2

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