Not working, pretty sure my code is right

It’s saying my h2 needs to be blue but it is blue, and my code is valid

  **Your code so far**

<style>
h2 {
  color:blue;
  }
</style>
<h2>CatPhotoApp</h2>
<main>
<p>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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36

Challenge: Use CSS Selectors to Style Elements

Link to the challenge:

Do you have any browser extensions that change the appearance of websites, like a “dark mode” extension?

1 Like

Yeah I have an extension for dark mode. I will try disabling it to see if that fixes it

Wow, thank you so much! I disabled my dark mode extension and it worked!

You should set freeCodeCamp.org as an exception to that extension (as well as tools like CodePen if you use them). Because that extension changes the appearance of websites, it will change the CSS of things you build. freeCodeCamp does have a built-in dark mode that you can use.