CSS not working for me #23663

Carlos-005 · 2020-11-03T14:16:40Z

Carlos-005
Nov 3, 2020

Hello I’m new to coding and it seems like my site doesn’t want to upload the CSS folder could someone please help me not sure what I’m doing wrong. 🤯 🤷‍♂️

github.com

Carlos-005/My-Site/blob/34f984c312410736268ae3bbc16590d36abdebc9/index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>

<meta charset="utf-8">

<title>Carlos Pires</title>

<link rel="stylesheet" href="css/styles.css">

<link rel="icon" href="favicon.ico">

<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&amp;family=Montserrat&amp;family=Roboto&amp;display=swap" rel="stylesheet">

</head>
<body>

<div class="top-container">

<img class="top-cloud" src="images/cloud.png" alt="cloud-img">

<h1>Hello, I'm Carlos.</h1>

<p><b><span class="pro">Newbie</span> Web Designer<b></p>

<img class="bottom-cloud" src="images/cloud.png" alt="cloud-img">

<img src="images/mountain.png" alt="mountain-img">

</div>

<div class="middle-container">

This file has been truncated. show original

github.com

Carlos-005/My-Site/blob/34f984c312410736268ae3bbc16590d36abdebc9/CSS/styles.css

body {
  color: #40514E;
  margin: 0;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}
h1 {

font-size: 5rem;

color: #5768DE;

line-height: 2;

margin: 50px auto 0 auto ;

font-family: 'Dancing Script', cursive;

}
h2 {

font-family: 'Montserrat', sans-serif;

font-weight: normal;

color: #5768DE;

This file has been truncated. show original

Thanks.

Answered by otter-computer

Nov 3, 2020

Hi @Carlos-005, welcome to the GitHub Support Community!

GitHub Pages is case sensitive. It looks like you’re referencing your CSS at the path css/styles.css, but your CSS file is actually at CSS/styles.css. You’ll need to either rename your CSS directory to lowercase, or update your link tag to point to the uppercase folder instead.

View full answer

otter-computer · 2020-11-03T14:25:35Z

otter-computer
Nov 3, 2020

Hi @Carlos-005, welcome to the GitHub Support Community!

GitHub Pages is case sensitive. It looks like you’re referencing your CSS at the path css/styles.css, but your CSS file is actually at CSS/styles.css. You’ll need to either rename your CSS directory to lowercase, or update your link tag to point to the uppercase folder instead.

0 replies

Carlos-005 · 2020-11-03T14:42:45Z

Carlos-005
Nov 3, 2020
Author

Oh wow thanks man, lol cant believe that was it, I’ll know for the future. Thanks a lot for the help :slight_smile:

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

GitHub Community

CSS not working for me #23663

{{title}}

Replies: 2 comments

{{title}}

{{title}}

Select a reply

GitHub Community

CSS not working for me #23663

Carlos-005 Nov 3, 2020

Carlos-005/My-Site/blob/34f984c312410736268ae3bbc16590d36abdebc9/index.html

Carlos-005/My-Site/blob/34f984c312410736268ae3bbc16590d36abdebc9/CSS/styles.css

Replies: 2 comments

otter-computer Nov 3, 2020

Carlos-005 Nov 3, 2020 Author

Carlos-005
Nov 3, 2020

otter-computer
Nov 3, 2020

Carlos-005
Nov 3, 2020
Author