Error: "Your h2 element should be blue."

HTML-CSS
1

Hiya. What am I doing wrong here? I went through the “hints” -

  • my solution matches the one given in the video.
  • I read through the thread and followed the suggestions, changing the spacing and manually entering everything rather than copy/paste.

The h2 element does appear in blue, despite the error stating otherwise.

Appreciate the help.

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 (Macintosh; Intel Mac OS X 10.15; rv:74.0) Gecko/20100101 Firefox/74.0.

Challenge: Use CSS Selectors to Style Elements

Link to the challenge:

2

Maybe the browser setting problem.
Previously one similiar case.
Your code should be ok.

3

Cool. Would you recommend using a different browser/changing my browser settings? I tried a hard refresh with no luck.

4

You can try opera which i use.

1 Like
5

Update: the browser setting problem was the Dark Reader extension, which effects a “dark mode” on all websites. Enabling this extension caused freeCodeCamp to throw color validation errors in multiple lessons. This was true across Chrome, Firefox, and Opera. Disabling the extension resolves the issue.