I just cant get it to work

[tom3]

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

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

h2 {
  font-family: Lobster, monospace;
  
}


p {
  font-size: 16px;
  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="https://freecatphotoapp.com/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 (X11; Ubuntu; Linux x86_64; rv:88.0) Gecko/20100101 Firefox/88.0

Challenge: Specify How Fonts Should Degrade

Link to the challenge:

freeCodeCamp.org

[seekinfox]

Hello.
I would suggest to reset all code and try again.

[tom3]

I tried reseting all code multiple times, but it still doesn’t work. Could there be any browser compatability issues or something?

[garry2090]

disable all browser extensions and then try again , may be it’ll work

[seekinfox]

At the bottom of “run code , reset code , help” there should be some instructions on how to pass the challenge, see which one is not marked after you run the code.

[tom3]

yeah , the first instruction is not getting passed. when I add the second monospace font, the font changes suddenly ( even before i comment out the google link for lobster) So the error message that i get is that “lobster font should be applied”, even though I do it.

[jwilkins.oboe]

Hi @tom3 !

Welcome to the forum!

The code you have shared works on my end. Please ensure that you have disabled any extensions that interface with the freeCodeCamp website (such as Dark Mode and Ad Blocker), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

[tom3]

I finally checked my browser settings and there was an option to allow pages to select their own font which was not selected. I selected and that worked. Thank you!

[tom3]

there was an issue with the browser font. Changed it and the challenge passed. Thank you!