Styling an Element

Tell us what’s happening:
Won’t accept code

  **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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36

Challenge: Use a CSS Class to Style an Element

Link to the challenge:

Hi @Fossil1964 !

The problem is here

You have a syntax error.
You are missing something right after the word class.

Hope that helps!

Here is the FCC example of how to write classes

You can apply a class to an HTML element like this: <h2 class="blue-text">CatPhotoApp</h2>

I had the quotes around it, but I moved the phrase to the next coding line. Still doesn’t work.

The quotes aren’t the issue.

Look very closely at the correct structure for a class that uses an equal sign.

and here is your answer without the equal sign

Once you add that then the test will pass

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