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 Kevin Naegele
Kevin Naegele
10,868 Points

Grid quiz

I am trying to finish the but every time i dd the grid class it blocks the the first class. plz help.

4 Answers

Kevin Naegele
Kevin Naegele
10,868 Points

I figured it out!!! win

Scott Sheldon
Scott Sheldon
6,942 Points
Scott Sheldon
Scott Sheldon
6,942 Points

If you post the actual question and your current code we can help you more specifically. :)

Kevin Naegele
Kevin Naegele
10,868 Points 
<!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">
      <h2>Cupcake of the Week</h2>
      <img src="img/featured-cupcake.jpg">
  </div>
  </div>
</body>
</html>

the question ask to add the class grid_5 and omega

<!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 class="grid_5  omega">
    <div id="featured-cupcake">
    </div>
      <h2>Cupcake of the Week</h2>
      <img src="img/featured-cupcake.jpg">
  </div>
  </div>
</body>
</html>

states it wrong, but it is almost exact to the video

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

If you fix your indentation for your nested divs you should be able to spot your issue.

Kevin Naegele
Kevin Naegele
10,868 Points

Ok I took my time to nest it all nice an clean looking and it still cancels out my first task in the quiz....

<!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 class="grid_5 omega"> <div id="featured-cupcake"> </div> <h2>Cupcake of the Week</h2> <img src="img/featured-cupcake.jpg"> </div> </div> </body> </html>

though?

Andrei Mihoc
Andrei Mihoc
1,099 Points
Andrei Mihoc
Andrei Mihoc
1,099 Points

I had the same problem I think. The question asked to add the class to the featured-cupcake element right? I just did this:

<!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="grid_5 omega"> <h2>Cupcake of the Week</h2> <img src="img/featured-cupcake.jpg"> </div> </div> </body> </html>

Kevin Naegele
Kevin Naegele
10,868 Points

Yeah i had to rewatch the video a few more times.

Now trying to think of what next to go for the next course.

Andrei Mihoc
Andrei Mihoc
1,099 Points

My goal is to be able to make responsive websites. Then probably some app development. I just started though. Total noob here :)

Kevin Naegele
Kevin Naegele
10,868 Points

Yeah, I am trying to learn more of the web dev. alittle more web then i am going to join you on apps.