Problem regarding css

HTML-CSS
1

Tell us what’s happening:
I cannot find my mistake in this program.When I run the program it says that my h2 element is not blue

Your code so far


<style>
  h2 {color: blue;}
</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/79.0.3945.117 Safari/537.36.

Challenge: Use CSS Selectors to Style Elements

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-css/use-css-selectors-to-style-elements

2

pls can anyone help me regarding this???

4

It doesn’t look like you have an h2 element.

2 Likes
5

you have to write your h2 element.i.e.

<h2>CatPhotoApp</h2>
6

You have the style where you tell the page “when you have an h2 make it blue!”

but in the actual body of the page you don’t have an h2 element for it to turn blue. They’re separate things.

7

Hi, There is no <h2> in page
please add <h2>CatPhotoApp</h2>

8

I’ve edited your post for readability. 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.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums