Style Block Working Properly, But Answer Not Accepted

I’m trying to complete this challenge where you create a style block. I’ve mimicked the correct code as exactly as I can, but can’t seem to get the page to accept the answer. It comes back saying “Your h2 element should be blue.”, despite the fact that the h2 element is blue. I’ve posted a screenshot of the code and the results at the bottom of this post.

Any help appreciated. Thanks!

Your code so far

h2 {color: blue;}

<h2> CatPhotoApp </h2>

<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="" 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 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.136 Safari/537.36.

Challenge: Use CSS Selectors to Style Elements

Link to the challenge:

it seems you have a night mode extension. That is interfering with the css tests. Rmove It.
You can activate the native dark mode in the settings.

1 Like

Disabling my dark mode extension worked instantly. Thank you very much!