5. Neighborhood Guides -- getting error: "Oops, try again. Add a <div class="col-md-4">


#1

getting error: "Oops, try again. Add a <div class="col-md-4">..</div> in the <div class="row">..</div>."

here is my code:

<!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"> <!-- start nav -->
    
      <div class="container"> <!-- start nav 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> <!-- close nav container -->
      
    </div> <!-- close nav -->

    <div class="jumbotron"> <!-- start jumbotron -->
    
      <div class="container"> <!-- start jumbotron 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><!-- close jumbotron container -->
      
    </div> <!-- close jumbotron -->
    
    <div class="neighborhood-guides"> <!-- start neighborhood-guides -->
    
     <div class="container"> <!-- start neighborhood-guides 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"> <!-- start row -->
        
        <div cloass="col-md-4"> <!-- start 1st colomn -->
        </div> <!-- close 1st colomn -->
        
        <div cloass="col-md-4"> <!-- start 2nd colomn -->
        </div> <!-- close 2nd colomn -->
       
        <div cloass="col-md-4"> <!-- start 3rd colomn -->
        </div> <!-- close 3rd colomn -->
        
      </div> <!-- close row -->
      
     </div> <!-- close neighborhood-guides container -->
     
    </div> <!-- close neighborhood-guides -->
    
    <div class="learn-more"> <!-- start learn-more -->
    
	  <div class="container"> <!-- start learn-more container -->
	  
		<div class="row"> <!-- start learn-more row -->
		
	      <div class="col-md-4"> <!-- start 1st column -->
	      
			<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> <!-- close 1st column -->
	      
		  <div class="col-md-4"> <!-- start 2nd column -->
		  
			<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> <!-- close 2nd column -->
		  
		  <div class="col-md-4"> <!-- start 3rd column -->
		  
			<h3>Trust and Safety</h3>
			<p>From Verified ID to our worldwide customer support team, we've                 got your back.</p>
			
		  </div> <!-- close 3rd column -->
			
			<p><a href="#">Learn about trust at Airbnb</a></p>
			
			
		  </div> <!-- close learn-more row -->
	    
	  </div> <!-- close learn-more container -->
	  
	</div> <!-- close learn-more -->
  </body>
</html>

My brain is melting from trying to figure it out...d0h¡


5., 6. & 7. Some best practices to avoid errors
#2

You have several of those bits of code -- that is where your problem is located. Can you see it now?


#3

thanks you
:smile:
u helped


#4

ok, that was obvious (feeling a little slow now...:sweat_smile:) - thank you for your help