Make a website section 8 "Wrap with a div"


#1

I don't know what is wrong with this code i think i did everything right. Please help! Thanks!

<!DOCTYPE html>.
<html>.
  <body>.

  <div class="nav">
  <div class="container">

  <div class="learn-more">
  <div class="container">
    <ul>
      <li>Joaquin</li>
      <li>Browse</li>
    </ul>
    
    <ul>
    <li>Sigh 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>

    <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>
    <h3>"Host"</h3>
    <p>"Renting out your unused space could pay your bills or fund your next vacation."</p>
  </div>
  
  <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>

  </body>
</html>

#2

You have things just a little bit mixed up there. You may want to try looking back over a couple of the previous exercises to make sure that you get things in the expected order.

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>