8/9 please help!


#1
<!DOCTYPE html>
<html>
  <body>
  <div class="nav">
  <div class="container">
    </div>
     </div>
     
     <div class="Jumbotron">
     <div class="container">
     </div>
     </div>
     
    <div class="learn-more">
     <div class="container">
    <h1> Find an 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 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 varified ID to our worldwide customer support team, we've got your back.</p>
     <p><a href="#"> Learn about trust at Airbnb</a></p>
    </div>
	  <li>Item 1</li>
	  <li>Item 2</li>
	  <li>Item 3</li>
	</ul>
	<ul>
	  <li> Log in</li>
	  <li> Help </li>
	  <li> Sign Up</li>
	
  </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>

#3



 <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>
 </div>
 
 <div>
  <h3>Host</h3>
  <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>
</ul>


(That's will resolve your problem!) Read and learn how it works!


#4

I'm also having trouble and trying to learn from the answer you provided but, in your code there is no div class "learn more" or div class "container" ?? Also, does indentation matter or is that just to help one see what they've done more clearly?


#5

Nevermind I figured it out, learn more was missing a hyphen learn-more


#6
<!DOCTYPE html>
<html>
  <body>
  <div class="learn-more">
  <div class="container">
  <ul>
  <li>Rida</li>
  <li>Browse</li>
  </ul>
  </div>
  </div>
  <div class="learn-more">
  <div class="container">
 <ul>
  <li>Sign up</li>
  <li>Login</li>
  <li>Help</li>
  </ul>
  </div>
  </div>
  <div class="learn-more">
  <div class="container">
  <h3>Travel</h3>
  <p>Tour the most wonderfull places</p>
  <a href="#">visit here for more
  </div>
  </div>
  </body>
  </html>
  
  could you help me with this?

#7

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>