Element is colored blue, but console says otherwise

Tell us what’s happening:

Even if the element is colored blue (it shows up blue)
the console still says that my h2 element needs to be blue

Your code so far

h2 {color: blue;


<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>

  <p>Things cats love:</p>
    <li>cat nip</li>
    <li>laser pointers</li>
  <p>Top 3 things cats hate:</p>
    <li>flea treatment</li>
    <li>other cats</li>

<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>

Your browser information:

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

Challenge: Use CSS Selectors to Style Elements

Link to the challenge:

Are you using a dark-mode extension? If so, turn it off as it will mess with some of the tests.

Oh, didin’t know about that.

It worked, Thanks!

In your FCC account setting you can switch on night mode if you’d like.

that will be useful, since i mostly go learn coding at night.

Happy coding!

Quick question, Does these dark mode extensions make the CSS learning course not work properly?

Yes, it can pose a problem with some of the tests.

I recommend keeping your dark-mode extension off for the remainder of the CSS course. It should be mostly fine after that. Basically, for any challenge that requires things to be a certain color, disable dark mode.

The introduction to the CSS course ought put up a big ol warning banner about dark mode extensions.