Stuck (7) pics.... :(


#1

all my pics go on the one heading they are supposed to go with all three heading, but they all say on the one? here

<!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 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="col-md-4">
          <div class="thumbnail">
           <div class="http://goo.gl/0Kd7UO">
         </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

You need to close your first col before opening your second:

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>
<!-- missing closing tag to close your col -->

same for your second col


#3

no they still all in the same area here is the code :confused:

<!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">
           <div class="http://goo.gl/0Kd7UO">
         </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>

#4

in your third col, you do not have a image


#5

no all four pic's are still under (Neighborhood Guides) it should be 2 in Neighborhood Guides, 2 in Host, 2 in Travel and so on.. :confused:


#6

no, you are building a image grid, all the image should be in neighborhood-guides


#7

o :blush: sry :stuck_out_tongue: silly me. Thank you for your time and help :smile:


#8

is the Issue resolved?


#9
Oops, try again.
    Inside the third <div class="col-md-4">..</div>, add a <div class="thumbnail">..</div>

           <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 class="col-md-4">
              <div class="thumbnail">
               <div class="http://goo.gl/0Kd7UO">
             </div>

#10

You added a div with a class in your third col, not a image with a src attribute, like i said earlier:


#11

ha i see :smile: changed it :smile: to <img src="http://goo.gl/0Kd7UO">