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

Product page using HTML & CSS

@DanielGrec

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


The images do not show and I don't know why. I will attach a screenshot of the Live Server showing the solution.

*UPDATE: FIXED the img path.

Community feedback

Account Deleted

This is the code that leads to you image:

src="/images/image-product-mobile.jpg"

You are missing the dot in front of the slash. Like this:

./images...

Just add the dot and it will work :)

I hope it helps. Congrats on finishing the challenge!

Marked as helpful

1

@DanielGrec

Posted

@kom42ec Thank you! Do you know how can I update the existing solution without making a new one?

EDIT: Found it! Thank you! It worked.

1

Account Deleted

@DanielGrec I'm glad it worked!

You can also generate another screenshot of your solution, so it will show the image in the design comparison above.

You have 5 free screenshots available if you are not a PRO member.

Marked as helpful

0

@MubashirArifRandhawa

Posted

Image not loading, try the following:

Check if the path is correct Learn about absoute and relative paths

the problem will be one of above two

Marked as helpful

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