Design comparison
Solution retrospective
Maybe someone can help me to understand why my icons aren't showing up once depolyed yet are there locally?
Community feedback
- @jefflangtechPosted over 1 year ago
Hey Joshua 👋
Looks like there is at least an extra "." in your image address. Here's an example:
<img src="../images/icon-reaction.svg" alt="reaction icon">
Starting from the file location of your index.html, the first "." is going to move to the parent folder, then the next "." is going to move outside that parent folder, then look for the images folder.
Maybe you have your folders set up differently on your local machine.
So just take out one "." in each image address in your github repo and it should work (I tested in chrome dev tools), like so:
<img src="./images/icon-reaction.svg" alt="reaction icon">
Or, simply:
<img src="images/icon-reaction.svg" alt="reaction icon">
If that's the solution then maybe just try exactly mirroring your folder structures on your local machine as well as when deployed.
Hope that helps! Cheers
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin 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