Tremaine website #23956

Tremainegreen · 2021-04-05T19:46:50Z

Tremainegreen
Apr 5, 2021

Hello eveyone,

I am new to Github. I’ve been following tutorials etc on how to set up pages. Now, i’m trying to move my codepen HTML and CSS over here. HTML is working, but CSS is not being applied.

I’m obviously doing something wrong. But I can’t figure it out.

github.com

Tremainegreen/TremaineGreenIT

Contribute to Tremainegreen/TremaineGreenIT development by creating an account on GitHub.

Thank you in advance for any pointers.

Answered by airtower-luna

Apr 5, 2021

The problem is that your index.html is referencing css/styles.css, but the directory in your repository is called Css/:

github.com

Tremainegreen/TremaineGreenIT/blob/5e22617f39c8a0b02c23ef185d5b687c9de7ec26/index.html#L12


<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta http-equiv="X-UA-Compatible" content="ie=edge">

 

 

  

  <title>TremaineGreenIT</title>

  

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

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

  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Sacramento&display=swap" rel="stylesheet">



</head>

<body>

<div …

View full answer

airtower-luna · 2021-04-05T19:51:09Z

airtower-luna
Apr 5, 2021

The problem is that your index.html is referencing css/styles.css, but the directory in your repository is called Css/:

github.com

Tremainegreen/TremaineGreenIT/blob/5e22617f39c8a0b02c23ef185d5b687c9de7ec26/index.html#L12


<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta http-equiv="X-UA-Compatible" content="ie=edge">

 

 

  

  <title>TremaineGreenIT</title>

  

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

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

  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Sacramento&display=swap" rel="stylesheet">



</head>

<body>

<div class="top-container">

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

 <img src="images/TG_logo_gold_2_1024x1024.png" alt="T">

You need to either rename the directory or change the href path. If it works on your machine that probably means you’re using Windows, almost everywhere else paths are case-sensitive.

0 replies

Zachinquarantine · 2021-04-05T21:37:39Z

Zachinquarantine
Apr 5, 2021

I’ve opened a PR at adds capital "C" by Zachinquarantine · Pull Request #1 · Tremainegreen/TremaineGreenIT · GitHub that should fix it…

0 replies

Tremainegreen · 2021-04-05T23:03:47Z

Tremainegreen
Apr 5, 2021
Author

oooo Kudos thank you

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

GitHub Community

Tremaine website #23956

{{title}}

Replies: 3 comments

{{title}}

{{title}}

{{title}}

Select a reply

GitHub Community

Tremaine website #23956

Tremainegreen Apr 5, 2021

Tremainegreen/TremaineGreenIT

Tremainegreen/TremaineGreenIT/blob/5e22617f39c8a0b02c23ef185d5b687c9de7ec26/index.html#L12

Replies: 3 comments

airtower-luna Apr 5, 2021

Tremainegreen/TremaineGreenIT/blob/5e22617f39c8a0b02c23ef185d5b687c9de7ec26/index.html#L12

Zachinquarantine Apr 5, 2021

Tremainegreen Apr 5, 2021 Author

Tremainegreen
Apr 5, 2021

airtower-luna
Apr 5, 2021

Zachinquarantine
Apr 5, 2021

Tremainegreen
Apr 5, 2021
Author