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 Challenge

@angelomarlopez

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


When I update the current image (large) the image quality drops. What can I do about this?

Community feedback

Nathan 90

@Ayddan

Posted

Hi angelomarlopez,

Your image drop because it's not the same src for big images.

You have in the folder project, each image with two src.

In your js you are giving the src of the thumbnail that is clicked. But it should be the src without the thumbnail.

If you dont want to change all your code, you can just use a myString.replace('-thumbnail','') on your src string that you are giving to the big image.

If you need more dont hesitate

Hope it help

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