8. Wrap with a div, missing content


#1

Hello, this is my first post. I am having a sizable amount of trouble with Make a website:HTML 8.Wrap with a div.

Here Im asked to input Wrap all pieces of supporting content with two divs, like in the example above. Give the outer div a class="learn-more" and the inner div a class="container".

I do the inputs exactly how it reads, but im met with this.Oops, try again. Place the supporting content in the "div class="container"../div.

<!DOCTYPE html>
<html>  <body>
  <div class="nav">
  <div class= "container">
      <ul>
      <li>Chris</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 River 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 airbnb</a></div>
<div><h3>Host</h3><p>Renting out you unsed space could pay your bills or fund your next vacation.<p/><p><a href="#">Learn more about hosting</a></p></div>
<div><h3><p>Trust and Saftey</h3></p>
<p>From verified ID our would wide customer support team, we've got your back</p>
    <p><a href="#">Learn about trust at Airbnb</a></P>
<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>
</div>
</body>
</html>

#2

@chrisr8215, could you show your code?


#3

maybe you can help. I tried to copy and paste my code but when I hit post it didnt have the brackets or anything I typed, its was just the fished product, how do I display my code? I am really new at this. Thank you for your patience


#4

@chrisr8215 hi there, to display your code. Simply put them in between the code tags

  [code] [/code]

#7

I did it but got this...

Oops, try again.
Place the supporting content in the <div class="container">..</div>.


#8

I'll get back to you in a sec


#9

@chrisr8215 final code:

<!DOCTYPE html>
<html>
  <body>
<div class='nav'>  
  <div class='container'> 
	<ul>
	  <li>Name</li>
	  <li>Browse</li>
	</ul>
    <ul>
	  <li>Sign Up</li>
	  <li>Login</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>
</html>

#10

Ok your above code looks a bit messy, you can use the provided code above this reply if you want to.

If you want to continue using YOUR code here's a few steps you can do to stop the error message ------>

1. first copy your code to the lessons index.html
https://www.codecademy.com/en/courses/web-beginner-en-ez2n4/0/8?content_from=make-a-website%3Ahtml-elements

2. remove all content from line 27 to 38 (this is the part that repeats itself and is unnecessary)

if you look at line 16

  <div class="jumbotron"><div class=container>

and line 19

 </div></div>

after that last closing div element on line 19 you should add

  <div class="learn-more"><div class=container>

,
if you look on line 26 your ending p tag is enlarged just make it small again and then add an ending div to close your open div, after that add two more closing divs to fully wrap all your supporting content.



* YOU DON'T NEED TO MAKE YOUR CLOSING P TAG SMALL AS IT WON'T MAKE A DIFFERENCE


#11

I get it now, I reread the material and changed line 19 and it worked like a charm. Thank you very much!


#12