Wrap with a Div problem


#1

Help. I got stuck at this. What did I do wrong here?

<!DOCTYPE html>
<html>
 <body>

  <div class="nav">
  <div class="container">
<ul>
  <li>Vazron2006</li>
  <li>Browse</li>
</ul>

<ul>
<li>Sign 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 class="learn-more">
<div class="container">
<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>

<div class="learn-more">
<div class="container">
<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>

<div class="learn-more">
<div class="container">
<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>

  </body>
</html>

#2

I have the same problem. Its annoying! It's always that annoying line of code that I can't get past. But other then that, I have no idea what is wrong.


#3

The exercise is expecting only one learn-more div.

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>

#4

That is like EXACTLY what I have buts it's all like "Oops, try again." "Oops, try again." Every time!!!!!!


#5

If you post your code then I can help you find the problem.


#6

Hmm, how do I do that. I'm new...


#8
<!DOCTYPE html>
<html>
  <body>
  <div class="nav">
  <div class="container">
	<ul>
	  <li>Item 1</li>
	</ul>
	<ul>
	<li> Sign Up </li>
	<	</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 class="learn-more">
	<div class="container">
	</div>
	<div>
	<h3> Travel </h3>
	<p> From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries. </p>
	</div>
	<p><a href="#"> See how to travel on Airbnb. </p>
	<div>
	<h3> Host </h3>
	<p> Renting out your unused space could pay your bills or fund you next vacation. </p>
	</div>
	<p><a href="#"> Learn more about hosting. </p>
	  <div>
	  <h3> Trust and Safety </h3>
	  </div>
	  </div>
	  </div>
	  <p> From Verified ID to our worldwide customer support team, we've got your back. </p>
	  <p><a href="#"> Learn about trust at Airbnb. </p>
	  </div>
	  </div>li> Log In </li>
	</ul>
	</div>

  </body>
</html>

#9

In the nav div:

<	</div>

Your first ul element should have two items in it.
Your second ul element should have three items in it.
The first < in that line is a problem.
You need a closing tag, a `</div>` for your nav div.

In the jumbotron div:
You need a closing tag for your jumbotron div.

In the learn-more div:

	<div class="container">
	</div>

That closing tag is ending your container too soon. You don't want to end the container until after the Trust content.

In the code below, see how you have placed the closing /div tag in the wrong place? It should come after your second p element.

	<div>
	<h3> Travel </h3>
	<p> From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries. </p>
	</div>
	<p><a href="#"> See how to travel on Airbnb. </p>

This a element needs a closing tag:

<a href="#"> See how to travel on Airbnb.

You've got those last two problems in your Host section.

I'm not sure where you were heading with all of these closing /div tags:

	  <div>
	  <h3> Trust and Safety </h3>
	  </div>
	  </div>
	  </div>
	  <p> From Verified ID to our worldwide customer support team, we've got your back. </p>
	  <p><a href="#"> Learn about trust at Airbnb. </p>
	  </div>

Tidy up those bits and then see where that gets you.


Question 8: CSS Styling problem!
#10

Nevermind. Had to delete some </div> s