Asic CSS: Use CSS Selectors to Style Elements

HTML-CSS
1

Tell us what’s happening:
No matter how I write the code the test says I need to change h2 to blue even though I have and it shows the color change as well. I don’t know what to do.

I’ve looked through the forums, the video, and tried different browsers and restarting my computer. I’ve asked some people on discord (from TOP) and even went through the code together. Has anyone gone through this as well?

Thanks for helping in advance.

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="/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/80.0.3987.132 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

@uzah88 Hey it works completely fine in mozilla, which browser are you using ? Have you tried resetting the challenge and than trying again?

3

Yes I tried to reset the challenge. I’m using Chrome Version 80.0.3987.132 (Official Build) (64-bit). I’ll try mozilla and get back to you.

4

I just used Mozilla in a virtual machine running xubuntu. (I used the virtual machine because mozilla was already installed there).

It worked right away.

Thanks for helping. I guess I’ll have to start using Mozilla to work on this for the rest of the lessons.

1 Like
5

do you have a dark mode extension or anything else that changes the color of the page?

6

Yes I use the dark reader application that turns the page dark/ or inverted colors. I’ve been doing lessons with chrome with this extension including for the first html section. I only ran into the problem with this lesson.