images not loading on website

[alfa121]

Select Topic Area

Question

Body

I can see the images of my website in my local server but this is not the case in github pages.
I extensively looked into the most common problems such as: capitalized image extensions, path issues, and I still can not figure it out.

Here are the repository and website:

https://github.com/alfa121/codecademy-Tea_Cozy

https://alfa121.github.io/codecademy-Tea_Cozy/

[airtower-luna]

There's a path problem here: https://github.com/alfa121/codecademy-Tea_Cozy/blob/9d70705f0b8d08047e051ad1fc301500cbea3221/index.html#L14

That link is using an absolute path (starting with a slash), so the browser will look at https://alfa121.github.io/images/img-tea-cozy-logo.png, which doesn't exist. Make it a relative path and it'll work:

        <img class="logo" src="images/img-tea-cozy-logo.png" alt="tea cozy logo">

[alfa121]

I had tried this option but the browser would not make the changes available. I made the changes again and opened as incognito tab and it worked. Is it the cache the culprit for this?
Thank you for your help!

[airtower-luna]

Could be the browser cache, could be that the site needs a few minutes to deploy, possibly a bit of both. 😅

If you have a similar issue you can try to reload without browser cache (in Firefox that's Ctrl+Shift+R, not sure about other browsers), so at least you won't get an old version from the browser cache. 😉

[ihnatenkoo]

Hello, wrong image path
Correct path is:

But you path is: