8. Learn More: Heading (Error Message)


#1

I have read a bunch of the posts regarding this issue that many people are having but I am still unable to troubleshoot my coding. Any insight would be great! Thanks.

Here is my main.css:

.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;
}

Here is my index.html

<!DOCTYPE html>
<html>
 <head>
 <link href="http://s3.amazonaws.com/codecademy-conte       /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>

I keep getting the error message "Oops, try again. Set the font-family of the h3 elements inside

..
to 'Shift', sans-serif"

I don't think there is an issue with my main.css coding, I have a feeling the problem is somewhere in my index.html but I could be wrong. Any help would be greatly appreciated, I've been stuck for hours! Thanks!


#2

Also, i realize in my html i am missing "codecademy-conteNT" it was just a typo when creating this thread but it's correct in my index.html editor thanks!


#3

You are missing one of the curly braces in your CSS.


#4

Thanks! Such a simple mistake. Appreciate the help!


#5

Can someone please advise me what to do???? Here is my main.css

.nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase;
}

.jumbotron {
  background-image: url('https://goo.gl/04j7Nn');
  height: 500px;
}

.jumbotron h1 {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
}

.jumbotron p {
    color: #fff;
    font-size: 20px;
}

.learn-more h3 {
    font-family: 'Shift',sans-serif; 
    font-weight: bold;
    font-size: 18px;
    font-weight: bold;
}

.learn-more a {
    color:#00b0ff;
}

As per usual I get this everytime I try to save & submit - Oops, try again. Set the font-family of the h3 elements inside

..
to 'Shift', sans-serif

I am lost!


#6

Your CSS rule looks perfect. That means you have to look at other things that will be affecting your Shift CSS rule.

In your <head> ... </head> element, do you still have a link to the shift.css file? Do you still have the link to your main.css file?