Cannot link HTML to CSS

HTML-CSS
1

Hi folks,

For the life of me I cannot link HMTL to CSS I tried google and troubleshooting but im still not getting any results.

Code is as follows:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="Website about entrepreneurs and their Milestones that helped elevate their business">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie-edge">
        <meta name="keywords" content="Milestone, hacker, community, SaaS, entrepreneurs, milestonehackers">
        <title>Milestone Hacker</title>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>

I have a main folder called MilestoneHackers>>>HTML_Sandbox>>>index.html
MilestoneHAckers>>>CSS_Sandbox>>>CSS>>>style.css

So the Milestone folder has two more folders etc. Any help on this would be appreciated.

2

You may want to move the CSS file in the same directory as the HTML file, for convenience.

If you want to move the CSS in its own directory, you could use this structure:

MilestoneHackers/
  `-HTML_CSS_Sandbox/
      `-index.html
      `-css/
          `-style.css

but you’ll need to change the href in the <link> element to "css/style.css".

3

In addition to @kevcomedia’s response, you fail to link HTML file to CSS file because of

  • Failure to place the files in the same directory

  • Failure to add the .css file extension to the CSS file name.

4

@kevcomedia @nibble thanks. I just moved the files into the same folder and that has solved my issue.

6

can someone help me with JUMP LINKS?