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 helpful
@JoshuaMeeks
Posted
@jefflangtech Thank you Jeff!