It is first time here and I need immediate help.
I am a newbie coder and I have just recently completed my portfolio. When I first deployed my portfolio on github pages everything worked well and images for my project section were showing but during my last commit the images are now showing as broken. I am using VS code and when I launch the live server the images are showing fine.
here is a snippet:
image on the right is viewing the projects page with live server and the left is thru gitbhub pages.
If you must check my code to check the problem. here is the repo: https://github.com/eatcodesforlife/portfolio
Solved! Solved! Go to Solution.
It looks like the issue is the two dots plus the slash "../"at the beginning of your images' src attributes. This is basically a reference to a folder up one directory from /portfolio/ -- it refers to the root of your github pages (https://eatcodesforlife.github.io/) in this case. Since projects.html is in the same directory as /img, you can refer to it like this :
I'm not sure what the result would be on your live server, but you can open the devtools and hover the src to see where it's getting the images from, like in the example above, if there's any issues on your end.