I want h2 top be blue

HTML-CSS
1

Tell us what’s happening:
I want h2 to be blue
What did I do wrong

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://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="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/87.0.4280.88 Safari/537.36.

Challenge: Use CSS Selectors to Style Elements

Link to the challenge:

2

Check your opening tag. Its missing something

<h2>
1 Like
3

Hello,

as far as I can tell there’s not much wrong.
Just have a closer look at your line. I believe you will find your mistake :wink:

h2>CatPhotoApp</h2>
1 Like
4

Thanks for your help. I still dont get it. Could you check out my new Help Post

5

can you give the link?

6

Hello there,

If you still have questions about the same lesson/code/project, please make use of the same topic, and do not create new topics for it.

One way to do this is to simply copy-paste your new/updated code into a reply to this topic. As you do this, follow this formatting guide:

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

Thanks

2 Likes
7

Hello,

just have a look in your line

h2>CatPhotoApp</h2> there’s an “<” missing in the beginning (without quotations).

2 Likes
8

Thanks for your help,
I added it but it is still not working.
What should I do now?

9

Hi @gonzagasharon5!

I see you have updated your original post.

The code you have shared works on my end. Please ensure that you have disabled any extensions that interface with the freeCodeCamp website (such as Dark Mode and Ad Blocker), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

Also make sure that your browser is up to date.

1 Like
10

Thank you! It worked