I am pretty sure my code is correct but it is still failing tests even though the output looks correct

I am getting the correct output with blue text but the tests say that h2 is not blue and that the style element is not removed from my h2 element, but it is, right?

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 (X11; Ubuntu; Linux x86_64; rv:75.0) Gecko/20100101 Firefox/75.0.

Challenge: Use CSS Selectors to Style Elements

Link to the challenge:

It works for me. Are you using a browser extension that changes the colors of your pages? Those extensions interfere with the test suite.

1 Like

That is the issue. It was my dark mode extension. Thanks.

1 Like

Try to hard reload your browser. Press ctrl+shift+r to hard reload it and check your code

1 Like