Am stuck, the CatPhotoApp text doesn't turn RED, i don't know what am missing here, HELP

Tell us what’s happening:

  **Your code so far**

<style>
.red-text {
  color: red;
}
</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="https://freecatphotoapp.com/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>
``

**Challenge:** Use a CSS Class to Style an Element

Hi, you need to do the second part of the challenge, which is add the class red-text to the element you want styled red.

Give your h2 element the class attribute with a value of red-text .

In previous challenges you did not have to do that because you directly selected an element with CSS selectors such as h2 that directly correspond to all h2 elements in HTML.

But when you use .className, that means you are selecting the elements that have the class name called className. Your code does not have an element with that class yet and that is why no text turns red.

1 Like

Thank you, it worked

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.