Question 8: CSS Styling problem!


#1

What is wrong with this? (First, CSS. Second, HTML)

.nav a {
    color: #5a5a5a;
    font-size: 11px;
    font-weight: bold;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
}
.jumbotron h1 {
    font-family: "Shift" sans serif;
    
}
.jumbotron p {
    color: #fff;
    font-size: 20px;
}
.learn-more 
background-color:#f7f7f7
.learn-more h3 {
    font-family: Shift, sans-serif;
    font-size: 18px;
    font-weight: bold;

}




<!DOCTYPE html>
<html>
  <head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
    <link href="main.css" rel="stylesheet">
  </head>
  
  <body>
    <div class="nav">
      <div class="container">
        <ul>
          <li><a href="#">Airbnb logo</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul>
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">Log In</a></li>
          <li><a href="#">Help</a></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>
		<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 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>
	</div>
  </body>
</html>

#2

It says I'm not inputing the right font, like 'Shift', sans serif.


#3

I'll let someone else take this one. The last time I answered a question from this user they just said "nevermind".


#4

Hi,

You must be more carefully when you write the code and keep order and cleanliness, so you'll tangle, just like it happened in your case.

Your code is wrong in CSS section.

How to do right:

.learn-more {
    background-color: #f7f7f7;
}

Try this and please inform us if it's working.


#5

OMG Thank you for doing this. It's extremely complicated @kosler and @albionsrefuge!!!! And, Refuge, LOL!