How to degrade the code

How to degrade the code
0

#1

Tell us what’s happening:

Your code so far


<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster;
    font-family: monospace;
  }

  p {
    font-family: Helvetica, sans-serif;
  }
</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>

Your browser information:

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

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


#2

I see two problems in your code. I suggest you reset the code (using the reset button provided) and follow the instructions from the start more carefully.

The mistakes were:
1- you removed a line of code instead of commenting it out
2- you declared two font-family style selectors on two lines in the same h2 selector. What you were asked to do is add two font families but the correct way is to use a comma seperated list (see the example in the code by looking at the paragragh tag css)

If yoy forgot how to comment things out, refer to older challenges for review.

Hope this helps.