Add a second supporting content div...what is wrong?


#1

               <div>
<html>
  <body> 
	</div>
	  <li>Alaina </li>
<li>"Browes"</li>
	  </ul> 
	  <ul> 
	  <li>"Sign up"</li> 
	  <li>"log in"</li> 
	  <li>"Help"<l/li> 
	<div class="nav"> 
	  <div class="container">
	    <ul>
	      <li>Alaina</li>
	       ...
	     </ul>
	     
	     
	     <ul>
	       <li>sing up</li>
	       ...
	       </ul>
	     </div>
	    </div>
	    <h1>Large Feature</h1>
	    <p>Hello World</p>
	    <div class="jumbotron">
	      <div class="container">
	        <h1>Find a place to stay.</h1>
	        <p>Rent from people in over 34,000 and 192 countries.</p>
	    </div>
	  </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>Renting out your unused space could pay bills or fund             your next vacation.</p>
       <p>Learn more about trust at airbnb</a></p>
     </div>  
       
      <div>
          <h3>Trust and safety</h3>
          <p>From verified ID to our worldwide custermer support team, we've got ur back.</p>
         <p><a href-"#">Learn about trust at airbnb</a></p>
       </div>
       </div>

#2

I'm sorta having a similar issue i think... here check it out:

<div class="learn-more">
    <div class"container">
     <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>
     <a href="#">Learn more about hosting</a>
    </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>
     </div>
      </div>
     </div>
    </div>

maybe we could figure it out together?


#3

@abh0905, you have some of your code in unexpected places.

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>
      ... your Travel code goes in here
    </div>

    <div>
      ... your Host code goes in here
    </div>

    <div>
      ... your Trust code goes in here
    </div>

  </body>
</html>

#6

ok thanks! appreciate the help!