Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML Build a Simple Website Creating a Website Structure Working with Grids

Giuseppe Ienco
Giuseppe Ienco
1,560 Points

"bake me blush" grid help.

im at the end of the video of "working with grids" and i have to make the "bake me blush" photo an omega. and once i go to test the index.html it doesn't move. any help? thankyou

.code:

<div id="intro class=grid_9"> <h1>Opposites really do attract, especially in our kitchen! we combine unexpected flavors that melt together 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>

3 Answers

Janek Rezner
Janek Rezner
12,973 Points

missing quotation marks!

           <div id="intro" class="grid_9"
Giuseppe Ienco
Giuseppe Ienco
1,560 Points

still didn't fix the problem

Janek Rezner
Janek Rezner
12,973 Points

this worked for me. compare it to your code

<!DOCTYPE HTML>
<html>
<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">
</head>

<body>
  <div class="container clearfix">
  <div id="featured-cupcake" class="omega grid_5">
    <h2>Cupcake of the Week</h2>
    <img src="img/featured-cupcake.jpg">
  </div>
  </div>
</body>
</html>
Giuseppe Ienco
Giuseppe Ienco
1,560 Points

its now moved to the right side. although now the paragraph of "of opposites do attract" is moved on top of it. instead of the left side of the .html, any suggestions?

<div id="intro class="grid_9"> <h1>Opposites really do attract, especially in our kitchen! we combine unexpected flavors that melt together 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 <a href="#">Avodcado Chocolate Cupcake</a>.Its strange combo of flavors will kick your taste buds into fiesta mode!</P> <img src="img/featured-cupcake.jpg" alt="Avocado Chocolate cupcake"> </div>