CSS is not working in Github.io

[jasminehuelgas]

Select Topic Area

Question

Body

https://jasminehuelgas.github.io/
https://github.com/jasminehuelgas/jasminehuelgas.github.io.git

Here's the website that I created using Github pages. The website is working perfectly fine on my local machine. However, when I uploaded it to Github, it is not working in github.io. Can anyone help me fix this?

[Aiche-H]

I’ve been trying to access the issue page you mentioned, but I’m not seeing any CSS issues on my end. Every page seems to be loading correctly with styles applied.

Could you please provide more specific details about the issue, such as:

• The exact URL of the page where the CSS is not working
• The specific browser and device you’re using
• A screenshot of the page as it appears on your end

This information will help me better understand and troubleshoot the problem.

[jasminehuelgas]

Hi, thank you for your help! I fixed the issue now, it seems that my website is now working fine.

[davevad93]

Hi @jasminehuelgas ,

I've checked your portoflio and the issue is within your css, exactly in the first line of the body tag:

body{
	background: url("../img/back.JPG");
        ...
}

GitHub pages is case sensitive, change it to /img/back.jpg.

Result:

[jasminehuelgas]

Hi, thank you for your help! I fixed the issue now, it seems that my website is now working fine.

[davevad93]

You're welcome @jasminehuelgas , I'm glad you got it sorted out, remember that GitHub Pages is case sensitive so for instance if a file is named image.jpg or home.html you must reference it exactly like that in your code.