8. wrap it with a div


#1

it says Oops, try again. Place the supporting content in the <div class="container">..</div>. and i have no idea what it means

<!DOCTYPE html>
<html>
  <body>
  
	<ul>
	  <li>Item 1</li>
	  <li>Item 2</li>
	</ul>
	<ul>
	<li> sign up</li>
	<li> log in </li>
	<li> help</li>
	<div class="nav">
  <div class="container">
    <ul>
      <li>Your Name</li>
      ...
    </ul>

    <ul>
      <li>Sign Up</li>
      ...
    </ul>
  </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>
  <h3> Travel</h3>
  <p>
  <a href="#"> See how to trevel on Airbnb</a>
  </p>
  </div>
  <div>
  <h3>subheading</h3>
  <p>Description text.</p>
  <p>
  <a href="#">Link text</a>
  </p>
  </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>
  </body>
</html>

#2

Neither have I :cry:


#3

You have things just a little bit mixed up there. Let's get that sorted first!

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>

#4

<div class="container>..</div>
I have no idea what it means


#5

Which part exactly?

div is an HTML element, its purpose is sort of like a box, you put other HTML elements in it so you can keep them together.

class is an attribute that lets you give your HTML elements a name, then you can use that name when you want to do something to the whole group.

container is a word that was chosen to identify a class, it could have been anything (almost)