Learn More: Heading - Help please


#1

I keep getting the below message when trying to submit my code:

Oops, try again. Set the font-family of the h3 elements inside <div class="learn-more">..</div> to 'Shift', sans-serif

This is my code in the main.css tab and I can't see anything wrong.

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

Here is my head tag in the index.html:

  <head>
    <link href="main.css" rel="stylesheet">
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
  </head>

Does anyone know how to fix this error please?


#2

The CSS rule that you've posted looks perfect and your shift.css link works, so we'll have to look further.

  • it could be another issue elsewhere in your CSS file, post it if you want us to check
  • it could be the browser is wonky, reload/refresh the page
  • it could be the exercise is glitching, use the Reset Code button and try it again

#3

Below is the whole of my code in the CSS tab. I tried resetting the code but this didn't help. I have logged in and out of codecademy a couple of times on different days so I don't think it is the browser problem.

  .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 {
        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;
    
    .learn-more {
        background-color: #f7f7f7;
}

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

#4

Thank you, I can see the problem now. You are missing one curly brace. Can you spot where?


#5

Ah yes I see it now and it works!!

Thank you.