Problem in my code (5.Neighborhoods Guides:Grid)


#1

Here is my code. please help me to find my error.

<!DOCTYPE html>
<html>

  <head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
    
    <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
    <link rel="stylesheet" href="main.css">
    
  </head>

  <body>
    <div class="nav">
      <div class="container">
        <ul class="pull-left">
          <li><a href="#">Name</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul class="pull-right">
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">Log In</a></li>
          <li><a href="#">Help</a></li>
        </ul>
      </div>
    </div>

    <div class="jumbotron">
     <div class="neighborhood-guides">
      <div class="container">
      <h2>Neighborhood Guides</h2>
    <p>Not sure where to stay? We've created neighborhood guides for cities all around the world.</p>

    <div class="row">
      <div class="col-md-4">
      </div>

      <div class="col-md-4">
      </div>
       <div class="col-md-4">
      </div>
       </div>
  </div>
</div>
        <h1>Find a place to stay.</h1>
        <p>Rent from people in over 34,000 cities and 192 countries.</p>
        <a href="#">Learn More</a>
      </div>
    </div> 

    <div class="learn-more">
    <div class="neighborhood-guides">
	  <div class="container">
		<div class="row">
	      <div class="col-md-4">
			<h3>Travel</h3>
			<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
			<p><a href="#">See how to travel on Airbnb</a></p>
	      </div>
		  <div class="col-md-4">
			<h3>Host</h3>
			<p>Renting out your unused space could pay your bills or fund your next vacation.</p>
			<p><a href="#">Learn more about hosting</a></p>
		  </div>
		  <div calss="col-md-4">
			<h3>Trust and Safety</h3>
			<p>From Verified ID to our worldwide customer support team, we've got your back.</p>
			<p><a href="#">Learn about trust at Airbnb</a></p>
		  </div>
	    </div>
	  </div>
	</div>
  </body>
</html>

#2

your jumbotron:

<div class="jumbotron">

should contain a container:

<div class="jumbotron">
  <div class="container">

this then contain your find a place to stay:

<h1>Find a place to stay.</h1>
        <p>Rent from people in over 34,000 cities and 192 countries.</p>
        <a href="#">Learn More</a>

and close before you start your neighborhood-guides. remove the neighborhood-guides from learn-more.

I recommend to maybe revisit some old exercises, i have seen codes (not yours, don't worry) who kept pushing and end up with a complete mess, don't let this happen to you


#3

thanks bro you are genius


#4

Hello again stetim94 working on the same project I was moving right along until this project. Unclear on what you mean here:"and close before you start your neighborhood-guides."


#5

You need to close your <div class="jumbotron"> (with div closing tag) and <div class="container"> before you create the opening div tag for neighborhood-guides (<div class="neighborhood-guides">


#6

It keeps saying neighborhood needs to be after jumbotron. That is what led me to your guys discussion. I understand what you have said like this is this a correct interpretation?
<div class="jumbotron">
</div>
<div class="container">
</div>


#7

If i wanted you to close the jumbotron before the container, i wouldn't have done this:

<div class="jumbotron">
  <div class="container">

IMHO is is a dead give away, it should be:

<div class="jumbotron">
  <div class="container">
    <h1>Find a place to stay.</h1>
    <p>Rent from people in over 34,000 cities and 192 countries.</p>
    <a href="#">Learn More</a>
<!-- div closing tag to close container -->
<!-- div closing tag for jumbotron -->

then start your neighborhood-guides


#9

It wants to pass me but page still does not look right. It passed me in the project before this one. I had the beginning correct earlier but missed the closing div tags apparently.


#10

Could you post your full code? So i can check it is correct


#12

<!DOCTYPE html>
<html>
  <head>
  <title>Help</title>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
    <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
    <link rel="stylesheet" href="main.css">  
  </head>

  <body>
    <div class="nav">
  </div>
      <div class="container">
  </div>
          <ul class="pull-left">
              <li><a href="#">Name</a></li>
              <li><a href="#">Browse</a></li>
        </ul>
          <ul class="pull-right">
              <li><a href="#">Sign Up</a></li>
              <li><a href="#">Log In</a></li>
              <li><a href="#">Help</a></li>
        </ul>
      </div>


    <div class="jumbotron">
    <div class="container">
            <h1>Find a place to stay</h1>
                <p>Rent from people in over 34,000 cities and 192 countries.</p>
                <a href="#">Learn More</a>
            </div>
        </div>
        <div class="neighborhood-guides">
    </div>
      <div class="container">
    </div>
        <h2>Neighborhood Guides</h2>
        <p>Not sure where to stay? We've created neighborhood guides for cities all around the world.</p>
        <div class="row">
        </div>
            <div class="col-md-4">
        </div>
                <div class="thumbnail">
                    <img src="http://goo.gl/0sX3jq">
                    </div>
                    
                <div class="thumbnail">
                    <img src="http://goo.gl/an2HXY">
                </div>
                
        <div class="row">
            <div class="col-md-4">
                <div class="thumbnail">
                    <img src="http://goo.gl/Av1pac">
                </div>
                
                <div class="thumbnail">
                    <img src="http://goo.gl/vw43v1">
                </div>
        <div class="row">
                    <div class="col-md-4">
                <div class="thumbnail">
                    <img src="http://goo.gl/0Kd7UO"> 
            </div>
        </div>
    </div>
</div>
            <h1>Find a place to stay.</h1>
                <p>Rent from people in over 34,000 cities and 192 countries.</p>
            <a href="#">Learn More</a>
        </div>

            
    <div class="learn-more">
    </div>
	  <div class="container">
	 </div>
	    <div class="row">
	    <div class="col-md-4">
	        <h3>Travel</h3>
	        <p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
	        <p><a href="#">See how travel on Airbnb</a></p>
		<div>
	      <div class="col-md-4">
			<h3>Host</h3>
			<p>Renting out your unused space could pay your bills or fund your next vacation.</p>
			<p><a href="#">Learn more about hosting</a></p>
	      </div>
		 <div class="col=md-4">
			<h3>Trust and Safety</h3>
			<p>From Verified ID to our worldwide customer support team, we've got your back.</p>
			<p><a href="#">Learn about trust at Airbnb</a></p>
		  </div>
	    </div>
	  </div>
	</div>
  </body>
</html>

#13

Issue resolved (and i need 20 chars)