Plzz help me o.O


#1

Instructions
Wrap all pieces of supporting content with two divs, like in the example above. Give the outer div a class="learn-more" and the inner div a class="container".


	<div class="nav">
	<div class="container">
	<ul>
	<li> zedek abdelghani </li>
	</ul>
	<ul>
	<li> sign up </li>
	</ul>
	
	</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>
	<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 class="jumbotron">
	<div class="container">
	<h1>find a place to stay</h1>
	<p>rent from people in over 34,000 cilties 192 countries.</p>
 
	</div>
	</div>
	
	
<div class="learn-more">
  <div class="container">
    <div>
      <h3>Travel</h3>
    </div>

    <div>
      <h3>Host</h3>
    </div>

    <div>
      <h3>Trust and Safety</h3>
    </div>
  </div>
</div>

  </body>

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