Neighborhood Guides: Images 2 LOST IN <?DIV"S> AGAIN


#1

Hi ALL Blind as a bat again. Have checked all the examples and even the template. Getting the same old Oops, try again. Add a second

..
again. I understand all how it should be working. Just can't see where I keep goofing it up again. Fresh eyes will be a great help. I'll keep looking :scream:

.

<!DOCTYPE html>
<html>

    <head>
        <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css/shift,css/ rel="stylesheet">
        
        <link rel="stylesheet" href="htpp://s3.amozonaws.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="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 neighorhood guides for cities all around the world.</p>

<div class="row">
<div class="col-md-4">
<div class="thumbnail">    
    <img src="http://goo.gl/0sX3jq" > #Image 1
</div>

<div class="thumbnail">
<img src="http://goo.gl/an2HXY" >  #Image 2
    </div>
 </div>

#<div class="col-md-4">  # *** DO I NEED THIS HERE?? STILL FAILS WITH OR WITHOUT IT ***
<div class="thumbnail">     
     <img src="http://goo.gl/Av1pac" > #Image 3
    </div>
  
   
 <div class="col-md-4">
 <div class="thumbnail">    
     <img scr="http://goo.gl/vw43v1" > #image 4
     
   </div>  
  </div>

<div class="col-md-4">
 <div class="thumbnail">
     <img scr="http://goo.gl/0Kd7UO" > #Image 5

   
  </div>
</div>


<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>

#2

Yes, you need that there. The plan is to create one row, and put three columns inside of it. You currently have four columns! Images 3 and 4 should be in the second column.


#3

Hi Albion: I think I know what your saying, but don't quit see it. I followed along with templet again and when I run the program, I do get the 3rd image coming up as you can see. Working on getting the forth image to come up, but no luck yet. I left some notes here so that you can see what I read from the templet. I'm giving up for now going to bed. :sleepy:

<div class="row">
<div class="col-md-4">
<div class="thumbnail">
    <img src="http://goo.gl/0sX3jq" > # IMAGE 1

</div>

<div class="thumbnail">
     <img src="http://goo.gl/an2HXY" > # IMAGE 2
    </div>
    </div>
 

<div class="col-md-4">  #SAME AS TEMPLET
<div class="thumbnail">
     <img src="http://goo.gl/Av1pac" >  #IMAGE 3
    
    </div>
  
#<div class="col-md-4">  #TEMPLETE DOES NOT SHOW COL-MOD HERE
<div class="thumbnail">
    <img scr="http://goo.gl/vw43v1" >  #IMAGE 4
          
   </div>  
  </div>
 

<div class="col-md-4"></div>
 <div class="thumbnail">
     <img scr="http://goo.gl/0Kd7UO" >

    </div>
  </div>
</div>
    
<div class="learn-more">

#4

You have scr there, it should be src.


#5
    <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 class="thumbnail">
      <img src="http://goo.gl/0sX3jq">
    </div>

    <div class="thumbnail">
      <img src="http://goo.gl/an2HXY">
    </div>
  </div>
        </div>
        
       <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>

  <div class="col-md-4">
    <div class="thumbnail">
      <img src="http://goo.gl/0Kd7UO">
    </div>
  </div>
  
        </div>
        </div>
        </div>

I have no idea where I've gone wrong here, but I keep getting the Add a <div class="thumbnail">..</div> error message..


#6

Here is the beginning of your row and the first column:

        <div class="row">
        <div class="col-md-4">
        <div class="thumbnail">
      <img src="http://goo.gl/0sX3jq">
    </div>

    <div class="thumbnail">
      <img src="http://goo.gl/an2HXY">
    </div>
  </div>
        </div>

Here it is again, with the matching open/close tags aligned and comments on the closing divs:

<div class="row">
    <div class="col-md-4">
        <div class="thumbnail">
            <img src="http://goo.gl/0sX3jq">
        </div> <!-- closes thumbnail -->
        <div class="thumbnail">
            <img src="http://goo.gl/an2HXY">
        </div> <!-- closes thumbnail -->
    </div> <!-- closes col-md-4 -->
</div> <!-- closes row -->

Can you see the problem now? The exercise is expecting three columns in that row, not just one. Try going through your code, lining up the pairs of tags and putting comments on the closing tags.