GitHub Pages - Failed to load CSS of webpage

Question

I just complete my Google Homepage project from The Odin Project tutorial. I've uploaded my index.html & style.css file into GitHub, and follow the steps from The Odin Project to publish my web project from GitHub repository.

But my My GitHub repo Web project has failed to load the CSS file, while my web page in [codepen io][2] work completely fine and they both use the same coding.

Anyone can help me solve the problem? This is my GitHub Web project page.

Sorry if my English is poor and I'm a complete newbie to coding and GitHub.

this is the link "codepen.io/rogueape/full/abBYPdB" to my web page project at codepen io that works just fine. — Rogue Ape
– Rogue Ape, Commented Mar 1, 2021 at 16:18
Codepen works because there is no need of linking in the editor. — m4n0
– m4n0, Commented Mar 1, 2021 at 16:21

Aditya Ramakrishnan · Accepted Answer · 2021-03-01 16:29:35Z

1

Probably you forgot linking your css file.

<head>
    <link rel="stylesheet" href="style.css">
</head>

answered Mar 1, 2021 at 16:29

Aditya Ramakrishnan

2481 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rogue Ape Over a year ago

Thanks for your answer!! Much appreciated!! I'm new to coding and this <link rel="stylesheet" href="style.css"> is new to me, and now its help clear my mind and had solve my problem! Thanks buddy!!

radrex · Accepted Answer · 2021-03-01 16:22:45Z

0

You need to link your css file in your html in order to load the styles.

<head>
    <title>RogueApe's Google Homepage</title>
    <link rel="stylesheet" href="style.css">
</head>

answered Mar 1, 2021 at 16:22

radrex

3292 silver badges7 bronze badges

1 Comment

Rogue Ape Over a year ago

Thanks for your answer!! Much appreciated!! I'm new to coding and this <link rel="stylesheet" href="style.css"> help me clear my mind and I've learn a new code! Thanks mate!

Collectives™ on Stack Overflow

GitHub Pages - Failed to load CSS of webpage

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related