Style Multiple Elements with a CSS Class issue

Tell us what’s happening:

  **Your code so far**

.red-text {
  color: red;

<h2 class="red-text">CatPhotoApp</h2>
<p> class="red-text" 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="">
  <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 ptype="submit">Submit</button>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 11; SM-G977P) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.93 Mobile Safari/537.36.

Challenge: Style Multiple Elements with a CSS Class

Link to the challenge:

I’m not sure where my error is if anyone could please give me some advice.

You have many small errors like this one:

or this one

I would recommend resetting the lesson click the reset this lesson and try it again

I don’t understand the error.

class="red-text" looks to me the same as what I have written there.

I don’t understand what you mean by button p-type. The lesson is supposed to be about inserting red-text into the first P element

You were supposed have it in the tag it self like you did for the h2 not in the text


<p ???> Click here to view more <a href="#">cat photos</a>.</p>

Replace the question marks with the class red

and also

change ptype to type

Thank you.

That makes sense. I now see the error.

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