The code will not pass even though the conditions are met

Tell us what’s happening:

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; rv:71.0) Gecko/20100101 Firefox/71.0.

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

Please give a more detailed description of what’s happening.

You seem to have the right code but can you tell me which test isn’t passing?
what the console says when you try to advance?

1 Like

The text should be red

@machinesmith42 So the only test you are failing is the 2nd one (seen below)?

Your h2 element should be red.

Yes that is the error.

In the Preview Pane (the one on the right), is the “CatPhotoApp” red or another color?

You seem to be using Firefox version 71 Is that correct? If so, can you take a screen shot of what you see in the browser console by right-mouse clicking on the text in the preview pane and selecting Inspect Element?

It is red as instructed