Neighbourhood guides: image 2 - third image address


#1

where do i insert the third image address? what do they mean by "third column"? i can see only two


#2

Well, maybe then you should revisit earlier exercise, inside your neighborhood row you should have 3 cols. If you need help with something specific, post your code


#3

thankyou . i shall revisit earlier exercises. in between, here is the code -



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







<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="neighbourhood guides">
<div class="container">
<h2>Neighbourhood Guides</h2>
<p>Not sure where to stay? We've created neighbourhood 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>
</div>
</div>


<div class="learn-more">
  <div class="container">
	<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>
		<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>
		<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>
		<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>



#4

<!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="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="neighbourhood guides">
    <div class="container">
    <h2>Neighbourhood Guides</h2>
    <p>Not sure where to stay? We've created neighbourhood 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>
    </div>
    </div>


    <div class="learn-more">
	  <div class="container">
		<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>
			<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>
			<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>
			<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>

#5

something went wrong, your second col:

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

should be inside the row which is inside your neighborhood guides, and i think you should create the third col yourself, for some reason it went missing. Have you read albions advices? If you didn't, please do


#6

I re-wrote the code but still its not running. I started again from grid after seeing that the third column was missing and the code is as follows -

<!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="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="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 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>
    <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 class="learn-more">
	  <div class="container">
	  <div class="row">
	  <div class="col-md-4">
	  </div>
	  </div>
		<div>
	      <div>
			<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>
			<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>
			<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>

#7

now you have two neighborhood guides, one with images:

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

and one without:

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

delete the one without images. Next time, make sure to format your code so it visible


#8

is this what you are saying ? -

<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 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>
    
    
 <div class="learn-more">
	  <div class="container">
	  <div class="row">
	  <div class="col-md-4">
	  </div>
	  </div>
		<div>
	      <div>
   
			<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>
			<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>
			<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>

#9

yes, this is what i mean (well, your learn-more needs polishing, but that is an earlier exercise)

Does it work?


#10

still not working, i'll check once again.


#11

second col, after col-md-4 there is a " missing, you can tell by the colors in the IDE


#12

yes ! got it. now it works, thank you.