Your h2 element should be blue and its blue?

HTML-CSS
1

Tell us what’s happening:

im doing this right why is this happning

Your code so far



<style>
h2{color:blue;}
</style>

<main>
<h2>CatPhotoApp</h2>

<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.61 Safari/537.36.

Challenge: Use CSS Selectors to Style Elements

Link to the challenge:

2

Are you using a browser extension that changes your CSS, such as a dark mode extension? These extensions interfere with the test suite. It’s recommended that you use FCC’s own dark mode.

If disabling these extensions on FCC doesn’t work, then I’d try incognito mode or a different browser.

2 Likes
3

that was definetly it . worked when i turned that off thanks!

1 Like
4

Your link to the code does not have the but you mentioned it in the post. please sync code in both if you are pasting the code. Or highlight it in the post. So that it will be easier for others while answering.

Thanks for the understanding. @JeremyLT please shed your thoughts

1 Like
5

okay actually it was my fist time using this platform ,i was confused will do that for the next time

6

Auto populated help topics have 3 parts:

  1. Tell us what’s happening - a section to describe you problem
  2. Your code so far - the code you want us to look at
  3. Your browser information - for us to check for known compatibility issues
  4. Challenge + Link to challenge - link to the challenge so we can test code ourselves

This post had all the parts in the right places. The link to the challenge will be the same link that everyone uses, so it will not have the code from 2.

2 Likes
7

the link is just to the challenge in freecodecamp, you can’t see the code of other users there

2 Likes