7 Neighbourhood Images 2


#1

I am having extreme difficulty with '7 Neighborhood Images 2' section. I get an error code "add a <div class="thumbnail">
Any help would be appreciated.

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


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

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


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

#2

@iggysims,

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

#3

Sorry but should I add something in that area or I should have nothing?


#4

@iggysims,
try it by removing.....!!!
don't forget to balance the closing-div-Tags...


#5

Sorry to be a pest but do you have any idea on how to clear this error code. "Oops, try again. Please follow the instructions on the Full Preview page to test your code."


#6

I changed browsers to Chrome, worked


#7

I have tidied and formatted your code. The SCT expects that the first thumbnail be within:

.neighborhood-guides > .container > .row > .col-md-4 + .col-md-4 > .thumbnail
                                                     ^- sibling selector

and then to have this thumbnail's sibling and as well as have a thumbnail in the third .col-md-4. Judging from your code:

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

you have closed .container too early. Revisit previous exercises and see exactly where it has to be closed.