Grid work and Normalize pre-designed style sheet help

Question

Hey everyone! I'm on the Grid work and style sheet part of Website Design right now and I can't seem to get my code right(also i'm using notepad++ and Treehouse is showing examples on Sublime but I don't see why that would change anything) either way the changes just wont seem to take. I do what the instructor does exactly but when I save and refresh the page still looks the same. Can anyone find an error in my code that would cause this problem to happen?

<!DOCTYPE html>
    <Html>
    <style>
body { background-color: orange;
}
    </style>

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Steve Jobs</title>
<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen"
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"
</head>
<body>
  <div class="container clearfix">
  <div class="grid_4">
        <img src="http://sgpad.com/blog/wp-content/uploads/2012/06/2560666767_82edc1b3fb.jpg" alt="steve Jobs"
    </div>
    <div class="grid_8 omega">
    <ul class="nav">
        <li><a href="#">About</a></li>
        <li><a href="#">Steve</a></li>
        <li><a href="#">Jobs</a></li>
        <li class="last"><a href="#">Contact</a></li>
    </ul>
    </div>
    <div id="intro">
    <h1>Steve Jobs is an unparalleled leader that may never be matched in his uniqueness and innovation
    </h1>
    <p><a href="#" class="btn"> Browse Steve</a></p>
    <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSth7ZifgdC7hgC9ofUqUVnbJsOCboN5xUfUQUUTYpu3x0KIOl-" alt="boogla boogla">
    <h2>Destination of the week</h2>
    <p>Every week i will be doing a destination of the week with a brief preview and what sets it apart</p>
    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTHtB8VLWZ6ni_DLeR6Qgw7djyRoi1HROTbOJWqlJmk5_JT-CXwcA" alt="You could be there in less than 3 days">
    <div id="new-cupcakes">
    </div>

</div>
</body>
</html>

Answer 1 · 2013-10-22T19:35:43Z

October 22, 2013 7:35pm

Connor Sutton - You aren't closing your self-closing tags. The link tag and img tags both need a /> at the end.

Answer 2 · 2013-10-22T16:49:51Z

October 22, 2013 4:49pm

hey Connor,

is <!DOCTYPE html> body { background-color: orange; } the entirety of your code?

Welcome to the Treehouse Community

Looking to learn something new?

Connor Sutton

Connor Sutton

Grid work and Normalize pre-designed style sheet help

2 Answers

James Barnett

James Barnett

Shawn Denham

Shawn Denham