8. Learn More Heading Bug


#1

My Main.CSS code here

.nav a {
    color: #5a5a5a;
    font-size: 11px;
    font-weight: bold;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 10px;
    padding-right: 10;
    text-transform: uppercase;
}
.jumbotron {
    height: 500px;
    background-image: url("https://goo.gl/04j7Nn");
}
.jumbotron h1 {
    color: #fff;
    font-size: 48px;
    font-weight; bold;
    font-family; 'Shift', sans-serif;
}
.jumbotron p {
    color: #fff;
    font-size: 20px;
}

My Index.html here

<!DOCTYPE html>
<html>
  <head>
    <link href="main.css" rel="stylesheet">
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.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>

I am convinced there is a bug with this challenge. I have tried all the suggestions of reloading the page and copy and pasting the link and even copy others code and pasting it into to see if that would work and nothing seems to work. The code looks good and if I move on the next lessons the code is exactly the same. Maybe I am not seeing something, but I think this lesson is bugged. Anyone think otherwise?


#2

@chipsolver23726,
In your CSS

.jumbotron h1 {
    color: #fff;
    font-size: 48px;
    font-weight; bold;               <<< you have to use a colon-:
    font-family; 'Shift', sans-serif;  <<< you have to use a colon-:
}

What Oops- or Error-message do you get ????


#3

Thanks! Glad it wasn't a bug...