I'm stuck on WRAP WITH A DIV. Please help me


#1

Can you help me? it keeps telling me "Oops, try again. Place the supporting content inside the <div class="container">..</div>."

this is what i have so far:

<!DOCTYPE html>
<html>
  <body>
  <div class=nav
    <div class=container
  
	<ul>
	  <li>Leo Johansson</li>
	  <li>Browse</li>
	</ul>
	</div>
<div class=jumbotron>
<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 class=learn-more>
    <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>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>
            <a href=#> Lear about trust at Airbnb
    </div>
	<ul>
	    <li>Sign Up</li>
	    <li>Log in</li>
	    <li>Help</li>
	<ul>
  </body>
</html>

#2

Hi Leo,

I think you have gotten a bit confused with the structure, it should look like this -

<!DOCTYPE html>
<html>

<body>
  <div class="nav">
    <div class="container">
      <ul>
        <li>Leo Johansson</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">
      <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>
        <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>
</body>

Hope that helps

Thanks


#3

Hi Keefybooo,

Can you please assist me too?
I cant seem to find what is wrong with my coding because its not working base on the sample site.

<!DOCTYPE html>
<html>

<body>
    <div class="nav">
        <div class="container">
            <ul>
                <li>Jelo Amador</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>
</body>
</html>

#4

Maybe it's something to do with your CSS, to me your HTML looks fine.


#5

Hi gtbsg2k1

can I ask for some instructions on how to troubleshoot that?


#6

Hi,

unfortunately I cannot view the code as it is not formatted correctly, you have to highlight the code and click the </> button. If you see my answer above, Ive written out the correct code that you can use to compare against. If that doesnt work then please reply back with your code

Thanks

Keith


#7

If you reply with your CSS code just like you did your HTML code, I could then take a look to see if there is something wrong with it.


#8

Hi Keith,

I already uploaded the coding.

Thanks!


#9

it looks like you are completely missing the learn-more section? If you add this under your jumbotron section it should work

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

#10

I am currently at the "wrap with a div" section of the instructions and I was just wondering why does the format not changing because the div should change the format right?


#11

Thank you! I was really stuck. I think i can get it now.