Use CSS Selectors to Style Elements 'Run the Test returns false negative'

Tell us what’s happening:
This appears to be true on at least the first 2 of the CSS challenges I’ve done. I am 99% certain I have followed the instructions to a T but it still won’t let me continue to the next challenge because I have not satisfied the “blue” condition. The same was true on the 1st color challenge, it did not seem to register that it was red.

Now, I may be colorblind, but I can read darnit!

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="/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/76.0.3809.100 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/use-css-selectors-to-style-elements

Your code works perfectly here and it even passed the test! :wink:
I’m using Google Chrome
Version 76.0.3809.100 (64-Bit)

Are you by any chance using Edge, IE, or Safari as your browser? Free Code Camp has been updated to use newer technologies. It makes the application much faster and it means that we can go much longer without having to do a huge migration like the recent one. However, Edge, Internet Explorer, and Safari are very bad about choosing not to adhere to standards and support new functionality in JS and CSS. Right now, that means that these browsers exhibit lots of unexpected behavior. If you become a web developer you will come to hate these browsers with every fiber of your being.

Yeah then it must be a browser issue b/c it’s going full Gandalf in the mines on me.

I am aware of and well versed in the cancer that is IE. I am in chrome.

switch off the extension for dark mode, it is changing things

there is a native dark mode you can switch on in the settings

1 Like

@ilenia has it right. If you have browser extensions that change CSS, then the tests that look at CSS will fail.

@ilenia & @ArielLeslie you da real MVP’s