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 Build a Simple Website Creating a Website Structure Working with Grids

Giuseppe Ienco
Giuseppe Ienco
1,560 Points
Posted by 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
Janek Rezner
Janek Rezner
12,973 Points

missing quotation marks!

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

still didn't fix the problem

Janek Rezner
Janek Rezner
12,973 Points
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
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>