Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

looks like the same script but the outcome is very different

Im a beginner doing working with grids under build a simple website. I made sure all the code looked the same except my picture/words. His outcome looks very different then my out come <!Doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Kirkwooood</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 omega"> <img src="img/kirkwood.jpg" alt="Kirkwood_High_SchoolBoys634229841467862564"> </div>

<div class="grid_8 omega">
  <ul class="nav">
    <li><a href="#">Schools</a></li>
    <li><a href="#">Sports</a></li>
    <li><a href="#">Curriculum</a></li>
    <li class="last"><a href="#">Contact</a></li>
  </ul>
</div>

<div id="intro" class="grid_9"> 
  <h1>Kirkwood high school located in Kirkwood Mo 63122</h1>
  <p><a href="#" class="btn">Browse our Schools</a></p>
</div>

<div class="grid_3"> 
  <img src="img/kirkwood2.jpg" alt="Kirkwooooooooooood">
</div>

<div id="Sport of the Week" class="grid-7">
  <h2>Sports of the week</h2>
  <p>You choose the sport of the week</p>
  <img src="img/sports.jpg" alt="Kirkwooooooooooood">
</div>

<div id="schools" class="grid_5 omega">
  <h2>Schools</h2>
  <p> Tillman Khs nipher northglendale </p>
  <img src="img/kirkwood3.jpg" alt="Kirkwood Logo">
  <img src="img/kirkwood4.jpg" alt="Kirkwood school"> 
</div>


<div class="grid_7"
  <h2>Inside School</h2>
  <p>Inside the school</p>
  <p><a href="#" class="btn-small">Readmore</a></p>
</div>

<div class="grid_5 omega">
  <h2>Get learnin with us</h2>

  <div id="signup">
    <p>Call us: <span> 1800-Kir-kwo-oods </span><br>
    Email us: <a href="#">kirkwoodschools@gmail.com</a></p>
  </div>


  <p>WE anounce new schools in facebook and twitter</p>
  <a href="http://facebook.com"><img src="img/facebook.jpg" alt="Facebook"></a>
  <a href="http://twitter.com"><img src="img/twittert.jpg" alt="Twitter"></a>
</div>

<div id="copyright" class="grid_12">
    <p> 2013 copyright kirkwood highschool. </p>  
</div>

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

1 Answer

Chase Lee
Chase Lee
29,275 Points

At first glance I've noticed that you need to put a > at the end of your grid_7 div.