I need help linking my Css to my HTML

html-css
#1
<!DOCtype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <meta name="description" content="Addordable and professional web design">
    <meta name="keywords" content="web design, affordable web design, professional web design">
    <meta name="author" content="Justin Perez">
    <title>Acme web deisgn | Welcome</title>
    <link rel=stylesheet type=text/css herf="./Acme/style.css">
</head>
<body>
    <header>
    <div class="container">
        <div id="branding">
            <h1>Acme Web Design</h1>
        </div>
        <div>
            <nav>
                <ul>
                  <li><a href="index.html">Home</a></li>
                  <li><a href="about.html">About</a></li>
                  <li><a href="services.html">Services</a></li>
                </ul>
            </nav>
        </div>
    </header>
    
    
    <section id="showcase">
        <div class="container">
          <h1> Affordable Professional web design</h1>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
        </div>
    </section>
    
    <section id="newletter">
    <div class="container">
        <h1> Subscribe to our new letter</h1>
        <form>
            <input type="email" placeholder="Enter email...">
            <button type="submit" class="button_1">Subscribe</button>
        </form>
        </div>
    </section>
    
    <section id="boxes">
    <div class="container">
        <div class="box">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/2000px-HTML5_logo_and_wordmark.svg.png" width="100px">
        <h3>Html5 Mark Up </h3>
        <P>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</P>
        </div>   
        <div class="box">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/2000px-HTML5_logo_and_wordmark.svg.png" width="100px">
        <h3>Css3 Styling </h3>
        <P>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</P>
        </div>   
        <div class="box">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/2000px-HTML5_logo_and_wordmark.svg.png" width="100px">
        <h3>Graphic Deisgn  </h3>
        <P>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</P>
        </div>   
    </div>
    </section>
</body>
</html>
body{
    font-family: Arial, helvetica, sans-serif;
    font-size: 15px;
    line-hight:1.5;
    padding:0;
    margin:0;
    background-color:#f4f4f4;
}  

.container{
    width:80%;
    margin:auto;
    overflow:hidden;
}

header{
    background:#35424a;
    color:#ffffff;
    padding-top:30px;
    min-height: 70px;
    border-bottom: #e8491d 3px solid;
        
}

header a{
    color:#ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;

}

header ul{
    margin:0;
    padding:0;
}

header li{
    float;left;
    display:inline;
    padding: 0px 20px 0px 20px;
}
#2

<link rel=stylesheet type=text/css herf="./Acme/style.css">

It should be href not herf .

1 Like
#3

and its
link rel=“stylesheet type=“text/css” href=”./Acme/style.css"
add the <>

you forgot some quotation marks at the stylesheet and the type

#4

I like to use absolute paths because I think it’s more safe.Such as

See clearly href not href

#6
<link rel=stylesheet type=text/css herf="./Acme/style.css">

As I understood your html file is within the same folder with Acme folder, so there is no need to put dot before path in href attribute

You can solve your issue as in example below

<link rel='stylesheet' type='text/css' href='Acme/style.css'>

And never forget to quote values of attributes
It’s better keep them, rather than avoid them
I am acknowledged that HTML5 lets you write value without quotes
However, it’s bad habit that might cripple your code one time
So keep an eye for quotes :wink:

/* Hope that was useful for you :blush: */