5. Neighborhood Guides: Grid Problem


#1

I don't understand. Everything looks correct to me, can someone help?


#2

images are not so nice to work, could you please post your code? take the following steps to make your code visible:


#3
<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="neighbordhood-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>

#4

you misspelled neighborhood in:

<div class="neighbordhood-guides">

#5

LOL i feel stupid.
Thanks for help


#6

I just dont get it? how do i do this?

<!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>
        <ul class="pull-left">

</ul>
          <li><a href="#">Name</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul>
        <ul class="pull-left">
          <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="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 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="learn-more">
	  <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 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>
<ul>
<ul class="pull-left">

<ul class="pull right">

</ul>

#7

First you are going to have to get all of the content moved to the place that it is expected to be. You have some things in quite unexpected places. You may have to step back a few exercises to make sure you get everything were it belongs.

Here is the overall plan that you are aiming for:

  <!DOCTYPE html>
  <html>
    
    <head>
      ... links in here
    </head>

    <body>

      <div class="nav">
        <div class="container">
        ... your nav code goes in here
        </div>
      </div>

      <div class="jumbotron">
        <div class="container">
        ... your jumbotron code goes in here
        </div>
      </div>
      
      <div class="neighborhood-guides">
        <div class="container">
        ... your neighborhood-guides code goes in here
        </div>
      </div>

      <div class="learn-more">
        <div class="container">
          ... your learn-more code goes in here
        </div>
      </div>

    </body>
  </html>