I have selected the blue color using the correct css styling yet it's is showing wrong

HTML-CSS
1

Tell us what’s happening:

Your code so far


<style>
h2 {
 color: blue;
}
CatPhotoApp
</style>
<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 browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.97 Safari/537.36.

Challenge: Use CSS Selectors to Style Elements

Link to the challenge:

2

Hi and welcome to the forum.

It looks like you have completely deleted the h2 element, and as as result the test can’t check if the h2 element is styled correctly. I recommend resetting the code and only deleting the style attribute of the h2 element instead of the entire h2 element. Then you can add your style rule as above (though with the text CatPhotoApp omitted from the <style> tags!).