Please help, it doesn't recognize the blue tag in the CSS style code

I’ve tried multiple ways
Dear, whomever it concerns, I’ve been stuck at the same stage for a while now.
I’ve looked at the hint page, tried all the available options. Manually typed them and copied the suggested styles precisely.
Asked two of my friends who do programming who, after some suggestions, couldn’t figure it out either.

For some reason it doesn’t recognize that I typed ‘blue’ in my code. On the side where I can see a representation of the site, with the cat photo, it does change color. When I type ‘red’, ‘purple’ or ‘green’ for example it does change the text to the colors. Same as with blue, yet it doesn’t let me pass.

I have also tried putting the

code under main, which made no difference.
Tried all the suggested spacings that were giving as a solution or a response in the ‘hint’ section.

I am at a loss. Can someone help me or fix a possible bug?
I’ve also had to ‘disable cache’ under ‘network’ in developer tools to use the site.
To use this forum I had to delete my browser history and cache, otherwise it wouldn’t log-in.
These are separate issues however I am sharing this in case they somehow have effect on why my code is not accepted .

Thanks in advance. (I added multiple images to this post, showing the different things I have tried) however it won’t let me post as I am a new member.)

  **Your code so far**

<style>
h2 {
  color: blue;
}
</style>
<h2 >CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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/97.0.4692.71 Safari/537.36

Challenge: Use CSS Selectors to Style Elements

Link to the challenge:

create an h2 element after the tag
e.g

Cat

Hi @4nt01n3 and welcome to the forum!!! I tried your code and I passed the test. Have you already tried disabling extensions like Dark Mode and Ad-Blockers? These can interfere with tests, and remember to set the browser zoom to 100%. :wave:

1 Like

Thank you good sir.

Oh my days, this has been stressing me all morning.
I may have accumulated a small headache, thank you for your help.

It was indeed the extensions that blocked my progress.

1 Like

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