Https://learn.freecodecamp.org/responsive-web-design/basic-css/use-css-selectors-to-style-elements

HTML-CSS
1

On this particular CSS page I made the h2 blue, but the computer system doesn’t think it’s been changed to blue.

I deleted the previous h2 block and put in the new type exactly as it is in the example, but changing the example color to blue.

Please help…


<style>
  <h2 {color: blue;} </h2>
</style>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>
  
  <a href="#"><img src='//cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/freecodecamp/original/3X/6/1/61a3499c5abb165be990aa0c1abd23342e60c663.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="/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>
2

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 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

3

Read the instructions and example again carefully. You did not create the h2 style correctly.

4

I tried it 3 different ways…

What does it want?

5

05%20AM
05%20AM2532×1268 694 KB

Here is my latest screen shot.

6

Do you even have an h2 element in your html?

7

I’m having this same problem as well. I got so irritated that I just gave up for a week. I’ve just now started back. What’s the issue?

8

For this challenge, we need to remove the inline styling on the HTML h2 element and create a new style block (using the <style></style> tags) which applies the color:blue style to all h2 elements on the page (the inline styling only applies to the specific element).

Your first step is to remove the inline styling form the element, then you’ll need to create this new style block and finally add the desired styling (color of blue) into this style block.

If you get stuck look at the examples in the task description (it should provide a good indication of what to do).