SOS, Help Requested on Lesson 8 For HTML!


#1

Hey guys, so I haven't really found a clear answer on what I've done wrong! Can anyone help me? I keep trying multiple things and I still can't figure it out.





  • Hanna

  • Browse



  • Sign Up

  • Log In

  • Help



<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 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 yuor back</p>
   <p>
   <a href="#">Learn about trust at Airbnb"</a>
   </p>>
    </div>
    </div>
    </div>



#2

@hmwood1997,

From the HTML code which is readable...
-1.
Change your

<div class="Container">

into

<div class="container">

-2.
I cannot see why you use 3 closing div's

===============================================

Please re-edit your Post

  • leave one blank-line above of your code
  • select your code in the Post
  • then =click= on the </>-symbol-of-this-editor

Your code will then be in a pre-code state
and you will be able to make/present the proper indentations.

or even better use
= http://discuss.codecademy.com/t/using-backticks-to-format-your-code/3697
[extra's]
https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet


#3

Thank you. I'm sorry, I've been really tired lately and originally had more divs but took them out. I just get easily confused with all of this and am usually multitasking while trying to learn this. I made the changes you said I should make and it didn't work. It's still giving me the, "Oops, try again. Place the supporting content inside the

...
".

#4

@hmwood1997,
still didn't see any html code ?!!?


#6

I'm sorry, I'm still trying to figure this all out. Where am I supposed to put the <div> when wrapping the code in it?

<!DOCTYPE html>
<html>
  <body>
  
  <div class="nav">
   <div class="container">
	<ul>
	  <li>Hanna</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 travel on Airbnb</a>
	  </p>
	 </div>
	 </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 yuor back</p>
	   <p>
	   <a href="#">Learn about trust at Airbnb"</a>
	   </p>
	    </div>
 
  </body>
</html>