Yet Another Lesson 8 Div issue


#1

<div class= "nav">
<div class "container"> 
  <ul>..</ul>
  	<ul>
	<li>sign up</li>
	<li>log in</li>
	 <li>help</li>
	 </ul>
	  <li>Josh</li>
	<li>Browse</li>
        </ul>
 <div class="jumbotron">
    <div class="container"><h1>
  <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>From apartments and room 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>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 Safty</h3>
      ...
    </div>
   </div>
  </div>

I'm stuck on the same Div issue under lesson 8. I've looked over it numerous times. The error I'm getting is "Oops, try again. Place the supporting content in the < div class="container" >..< /div >."

Please help!


#2

please paste in your full HTML


#3

Gracias. That's a step in the right direction.


#4

you are missing an equal sign in container, also you need to close these two div's before jumbotron and the next container..

and you need to close jumbotron and the second container before learn-more and the third container

I hope my instructions are clear,
if you still getting an error paste in your updated code and show me your full HTML from body tag to body tag


#5

what do you mean you need to close jumbotron and the second container before learn-more and the third container


#6

<div class="jumbotron">
    <div class="container"><h1>
       <h1>find a place to stay</h1>    
       <p>Rent from people in over 34,000 cities and 192 countries.</p></div>
       <h3>travel</h3>
       <p>From apartments and room to treehouses and boats. Stay in unique spaces in 192 countries.   </p>
       <p>
           <a href="#">See how to travel on airbnb</a>
       </p>
      <h3>subheading</h3>
      <p>description text.</p>
      <p>
          <a href="#">link text</a>
     </p>
  </div> <!--- this closes container -->
</div> <!-- this closes jumbotron -->

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

#7

@josloren Please see my previous post I added in the closing tags and commented to show you..

You had the div closing in the middle of the content

Sorry I had to edit my post as I pressed reply by mistake while I was still typing