CSS change color h2 element

HTML-CSS
1

Tell us what’s happening

i have an error : h2 element should be red

in the prewiew window the h2 element is red

Your code so far


<h2 style="color: red;">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/77.0.3865.120 Safari/537.36.

Challenge: Change the Color of Text

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-css/change-the-color-of-text

2

Hmm, what browser are you using?

I just copy-pasted your code and it passed all the tests for me.

3

There is nothing wrong with your code. I copied and pasted your code and the h2 tag turned red & passed all tests for me too. Which tests are you failing? Or is it only that it doesn’t appear red in your browser? It’s probably your browser. You could try adding the !important tag, but that shouldn’t make a difference - as there is no other styling to compete with (plus inline takes precedence anyway).

<h2 style="color: red !important;">CatPhotoApp</h2>

1 Like
4

often these false negatives are because of extensions that change the css of the page, do you have a dark mode extension?

2 Likes
5

yes i have a dark mode extension i just turn it off and now its working after i try it back thank ieahleen

1 Like