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

HTML

Posted by David Marchman
David Marchman
Courses Plus Student 1,497 Points

Smells like Bakin--Grid Problem--Pictures on Top of one another

Hey Guys, Been comparing my code with the code that I downloaded for smells like Bakin and I can't seem to find my error. More specifically the "Cupcake of the week" and the "Fresh Out the Oven" are suppose to line up right next to each on the website, but mine just seem to keep on top of each other.. Do you guys see anything wrong with the code, can't find the difference when comparing them. Thanks, David M.

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title> Smells like Bakin' Cupcake Company</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="img/logo.gif" alt="Smells Like Bakin">
  </div>
  <div class="grid_8 omega">
      <ul class="nav">
        <li><a href="#">About</a></li>
        <li><a href="#">Cupcakes &amp; Prices</a></li>
        <li><a href="#">Locations</a></li>
        <li class="last"><a href="#">Contact Us</a></li>
      </ul>
  </div>

    <div id="intro" class="grid_9">
        <h1>Opposites really do attract, especially in our kitchen! We combine unexpected flavors that melt togethor to create ironically delicious desserts</h1>
          <p><a href="#" class="btn">Browse Our Cupcakes</a></p>
        </div>
    <div class="grid_3 omega">
      <img src="img/you-bake-me-blush.gif" alt="You Bake Me Blush">
    </div>

    <div id="featured-cupcake" class="grid_7">
      <h2>Cupcake of the Week</h2>
      <p>This weeks featured cupcake is the <a href="#">Avacado Choclate cupcake</a> Its a strange combo of flavors will kick your tatse buds into fiesta mode</p>
      <img src="img/featured-cupcake.jpg" alt="Avocado Choclate Cupcake"
    </div>

    <div id="new cupcakes" class="grid_5 omega">
      <h2>Fresh Out the Oven</h2>
      <p>Our newest cupcakes are <a href="#">Bacon Me Crazy</a> and <a href="#">Jalapeno So Spicy</a></p>
      <img src="img/new-cupcake-bacon.jpg" alt="Bacon Me Crazy">
      <img src="img/new-cupcake-jalapeno.jpg" alt="Jalapeno So Spicy">

    </div>


<div class="grid_7">
      <h2>Inside the Kitchen</h2>
      <p>Smells Like Bakin' started out in the garage of the husband and wife duo Allison &amp; Joseph. Allison is the baker, and Joseph found a way for them to make a business of her tasty treats. Flash forward to today and they have a successful store fron, catering business and cupcake truck</p>
      <p><a href="#" class="btn-small">Read More<a/></p>
  </div>

<div class="grid_5 omega">
  <h2>Get Bakin' with Us</h2>

  <div id="Contact">
  <p>Call us: <span>1-555-CUP-CAKE</span><br>
  Email Us: <a href="#">bakeon@smellslikebakin.com</a></p>
</div>



    <p>We announce all of new flavors first throuhg Facebook &amp; Twitter and even take request!</p>
    <a href="http://www.facebook.com/smellslikebakin"><img src="img/facebook.gif" alt="Facebook"></a>
    <a href="http://www.twitter.com/#!/smellslikebakin"><img src="img/twitter.gif" alt="Twitter"></a>
     </div>
  </div>


    <div id="copyright" class="grid_12">
    <p>&copy; 2013 Smells Like Bakin' Cupcake Company. All Rights Reserved</p>
    </div>

</div>





 </body>

1 Answer

David Marchman
David Marchman
Courses Plus Student 1,497 Points

Nvm... got it.... wow ">" a small closure could affect everything :).... did it myself