Wrap with a div


#1

I have checked and rechecked this step, but it keeps giving me this message: Place the supporting content the inside <div class="container">...</div>
Can somebody please point out what I have done wrong in my code?
Thanks.

<!DOCTYPE html>
<html>
 <body>
  <div class="nav">
   <div class="container">
    <ul>
      <li>Janice</li>
      <li>Browse</li>
    </ul>
    <ul>
      <li>Sign Up</Li>
      <li>Log In</li>
      <li>Help</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>
   </div>
   </div>

   <div>
   <div class="learn-more">
   <div class="container">
    <h3>Travel</h3>
    <p>From apartments to rooms to treehouses and boats: stay in unique spaces in 192 countries.
    <p>    <a href="#">See how to travel on Airbnb</a>
    </p>
   </div>
   </div>
   </div>

   <div>
   <div class="learn-more">
   <div class="container">
    <h3>Host</h3>
    <p>Renting out your unused space could pay your bills or fund your next vacation.</p>
    <a href="#">Learn more about hosting"</a>
   </div>
   </div>
   </div>

   <div>
   <div class="learn-more">
   <div class="container">
    <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>
   </div>
   </div>
   </div>
  </body>
</html>

#2

You should end up with just one set of learn-more/container, not three.

Keeping your matching open/close tags at the same indent level will help you see what you are building.

Here is the overall plan that you are aiming for:

<!DOCTYPE html>
<html>
  <body>

    <div class="nav">
      <div class="container">
      ... your nav code goes in here
      </div>
    </div>

    <div class="jumbotron">
      <div class="container">
      ... your jumbotron code goes in here
      </div>
    </div>
    
    <div class="learn-more">
      <div class="container">
        ... your learn-more code goes in here
      </div>
    </div>

  </body>
</html>

#3

2 posts were merged into an existing topic: 5. Wrap and div


#4

2 posts were merged into an existing topic: 5. Wrap and div