8. Wrap with a div - help please


#1

<!DOCTYPE html>
<html>
  <body>

    <div class="nav">
      <div class="container">
         <ul>
      <li> Josh </li>
      <li>Browse</li>
    </ul>
    <ul>
      <li>Sign Up</li>
      <li>Log In</li>
      <li>Help</li>
      </ul>
      </div>
      </div>
      </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>
      </div>
      </div>
      </div>
    </div>

    <div class="learn-more">
      <div class="container">

          <h3>Travel</h3>
      <p>From apartment 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>

      </div>
    </div>

  </body>
</html>

Please could some tell me what i have done wrong, i get this error:

Oops, try again. Place the supporting content inside the <div class="container">..</div>.

Thanks :smile:


#2

You have an excessive number of </div> tags there. You should have one </div> for every <div>.

Your Travel content is missing its <div> tag.

Your Host and Trust content from exercise 7 is completely missing -- where did that get to?

A tip: You can put short comments on your closing tags to help you keep track of what belongs to what, like this:

<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>
  </div>  <!-- closes container -->
</div>  <!-- closes jumbotron -->