This forum is now read-only. Please use our new forums at discuss.codecademy.com.

Make a Website: Bootstrap Forum

View Course » View Exercise

29 points
0b0c34e8b3e009932ebe7f73a77eca84?s=140&d=retro
Submitted by
andced01
almost 2 years ago

7/14 Please need fast help - I can´t see the problem. Can you?

HI - I get this message: Oops, try again. Add a <div class="thumbnail">..</div>

The first Mexico City and second New York picture is fine, but the Tokyo and Paris is very small and "invite friends.." is to right of those pictures.

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

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

0 votes

permalink

Hi andced01,

There is a problem in your jumbotron, here is your code with some notes from me:

<div class="jumbotron">
  <div class="container">
    </div>  <!-- this closing tag should not be here -->
    <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 class="container"> <!-- this opening tag should not be here ->
  </div>
</div>

In your neighborhood-guides div, the only thing missing is the closing tag for your first column div.

3691 points
55df2afa95e3787b9200005e_359368177
Submitted by
Judy
almost 2 years ago

2 Comments

0b0c34e8b3e009932ebe7f73a77eca84?s=140&d=retro andced01 almost 2 years ago

Hi, thx! It still says "Oops, try again. Add a .." and my code looks like this now - Do I understand you correct?

<!DOCTYPE html>

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

Name
Browse


Sign Up
Log In
Help


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

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


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

55df2afa95e3787b9200005e_359368177 Judy almost 2 years ago

Ahhh -- so hard to read ;) I'll repost the important part in the next "Add an answer" box.


0 votes

permalink

Hi andced01,

Here is your code with some comments where things need fixing:

<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>  <!-- this is closing your container too soon -->

        <div class="row"> 

            <div class="col-md-4"> 
                <div class="thumbnail"> 
                    <img src="http://goo.gl/0sX3jq"> 
                </div> <!-- thumbnail -->
                <div class="thumbnail"> 
                    <img src="http://goo.gl/an2HXY"> 
                </div> <!-- thumbnail -->
            <!-- need to close the first column here -->

            <div class="col-md-4">           

3691 points
55df2afa95e3787b9200005e_359368177
Submitted by
Judy
almost 2 years ago