Trouble getting my h2 element to degrade to the font monospace when Lobster is not available in the CSS code-

I am trying to figure out how to degrade to the font monospace- i’m not sure how to degrade to another font when one doesnt’ work.- that’s the one part I am missing from this code. I have been googling this but still confused.

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, monospace;
   font-family: <!--Lobster-->
  }

  p{
    font-family: monospace;
    
  }


</style>

<h2 class="red-text">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>

link to the challenge would be of an help :3

Sure thing! https://learn.freecodecamp.org/responsive-web-design/basic-css/specify-how-fonts-should-degrade

You don’t need:

font-family: <!--Lobster-->

there is a space missing between
p{

you also forgot: Now comment out that import of the Lobster font(using the HTML comments you learned before
a comment is done by

 <!--hello world-->

read the lessons carefully and make sure you do everything they asked for

1 Like

this is the call you need to comment out, so that the Lobster font is not loaded in the page anymore

once you do that the Lobster font is no more available and in the following line as the first doesn’t work, the font is degraded to the second thing, which is the font-family monopace

thank you!! figured it out and that makes sense.