I need help to understanding what I'm doing wrong


#1


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

#3

Thank you! I might need to return


#4
<div class="jumbotron">
<div class="container">
<h3>Travel</h3>
<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries<p>
<a href="#">See how to travel on Airbnb</a>
</p>
<div>
<h3>Host</h3>
<p>Renting out your unused space space could pay your bills or fund your next vacation</p>
<p><a href="#">Learn more about hosting</a></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>
</div>
</div>


I am also getting the message that I have not added the third element. Anyone know where I messed up?


#5
  • Your Travel, Host and Trust code should not be inside your jumbotron div, it is all meant to be after it.
  • Your Travel code is missing its opening and closing div tags.