Specify How Fonts Should Degrade help!

Specify How Fonts Should Degrade help!
0

#1

I’m stuck for the second time today, maybe I should give this a rest! I’m on the CSS font degrade challenge and getting the error message “Your h2 element should use the font Lobster.” Can anyone tell me where I am going wrong? Appreciate it.

Your code so far


<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }
<!-- Not sure what to put here -->
  h2 {
    font-family: Lobster, monospace; 
  }

  p {
    font-size: 16px;
    font-family: monospace;
  }
</style>

<h2 class="red-text" font="Lobster">CatPhotoApp</h2>
<main>
  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
  
  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
  
  <div>
    <p>Things cats love:</p>
    <ul>
      <li>cat nip</li>
      <li>laser pointers</li>
      <li>lasagna</li>
    </ul>
    <p>Top 3 things cats hate:</p>
    <ol>
      <li>flea treatment</li>
      <li>thunder</li>
      <li>other cats</li>
    </ol>
  </div>
  
  <form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <label><input type="checkbox" name="personality" checked> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.75 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/specify-how-fonts-should-degrade


#3

Do you mean like this h2{font-family:Lobster;} I then get two error messages.


#4

u-o oops. I should have checked the challenge…

Actually please put monospace back…

Looks like the only thing you were missing before is to comment out the link

to comment things out in html you use this

<!--
-->

#5

Thank you :slight_smile: That worked this time. I’ll take a break for a little bit haha