Tell us what’s happening:

Your code so far

<h2 style="color: red;">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 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.117 Safari/537.36.

Challenge: Change the Color of Text

Link to the challenge:


Do you have a question about this lesson?

I just did this lesson recently myself! I think that CSS is correct or was it not passing the tests for you for some reason? because it should.

yes. even though I wrote the code to make the h2 element red, the website is still finding my answer wrong. it says “your h2 element should be red”. but on preview screen, h2 is red, however, you know, there is something wrong. i cant find it

do you have any extension that change colors? like a dark mode extension?

yes, of course ===========

any extension that changes the css of a page can interfere with the free code camp tests, you can switch on the native dark mode in the settings

allright, I will try that

oh, thank you very much. you gave me the exact solution. it worked