This forum is now read-only. Please use our new forums! Go to forums

banner
Close banner
0 points
Submitted by andced01
over 8 years

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>

Answer 55e73ddd86f55294b50001c8

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.

points
Submitted by Judy
over 8 years

2 comments

andced01 over 8 years

Hi, thx! It still says “Oops, try again. Add a

..
“ and my code looks like this now - Do I understand you correct?

Judy over 8 years

Ahhh – so hard to read ;) I’ll repost the important part in the next “Add an answer” box.

Answer 55e9920b51b887be7d000494

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">
points
Submitted by Judy
over 8 years

Popular free courses

Explore full catalog