CSS: Learn More Link—I can't get it to work, but I don't think I made an error!



I can't get the CSS: Learn More Link to work because apparently, I'm not coloring the .learn-more <a> headings properly, even though I used the method I thought was correct. Here's my CSS code, and some helpful feedback would be very much appreciated (I'm typing this so the paragraph format might not be exactly the same. Also, the code in between little stars is the code I'm having trouble with).

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

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

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

    **.learn-more a {
         color: #00b0ff

(Not Code:)

Thanks, elisolomon53CA


Oh, also, the code starts at .jumbotron, and the code in the different font is what I'm having trouble with.


I think the instructions on this one are very specific.

  1. Make a new CSS rule that uses the class selector .learn-more
  2. Set the background-color to #f7f7f7

You are doing something else in your code.
Just write

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

in your main.css file and it should be ok.