Change the Color of Text - 1st CSS lesson

Hi, I’m getting the error:

// running tests

Your h2 element should be red.

// tests completed

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 code is alright, the h2 element should have a red colour right now.
Although I don’t follow their courses these could be the problems:

They want you to NOT use inline CSS.
They want you to use tags.
Like this:

<style>
h2 {
color: red;
}

</style>

or they meant changing the background colour, I highly doubt that, but if so try this:

<h2 style="background-color: red;">CatPhotoApp</h2>

Good luck!

1 Like

Thanks, but none of the solutions worked :frowning:

They actually put the example as:

Here’s how you would set your h2 element’s text color to blue:

<h2 style="color: blue;">CatPhotoApp</h2>

Are you using a non-chrome browser?

1 Like

Thats really weird, then there is something wrong with your browser or the course.

It’s the latest version of Chrome

I’ve just tried it on Safari and worked like a Charm, wtf?

@joanjgm It has to do with the exact writing of the code. I could tell you, but finding it yourself will make you remember it better. :grinning:

The browser has nothing to do with it. I work on Safari, works fine. Chrome also works fine.

I don’t see it… there was a typo in the first one?

I copied the text from Chrome and paste it on Safari, Chrome didn’t work Safari did