Keep getting errors for my code. Need some assistance!

I do not understand what is missing from my code. Could anyone tell me how to get my h2 element red?
It also keeps telling me that my h2 element should have the class red-text.
Am i missing quotations marks or something?
I am stumped. :frowning:
Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<style>
.red-text {
  color: red;
}
</style>

<h2 class:"red-text">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>
  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 13816.64.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.100 Safari/537.36

Challenge: Use a CSS Class to Style an Element

Link to the challenge:

In ur class:red-text semi-colon is missing

The issue is right here:

To put a class attribute inside an HTML tag you have to do it like so:
example:

<h2 class="your class name">Hello World</h2>

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