Having an issue with CSS

HTML-CSS
1

Hello everyone, hope you’re having a great say.
So, as I started using this website for coding courses after I saw a couple of videos on Youtube, I had an issue with a Basic CSS activity which is

Use CSS Selectors to Style Elements

It basically asked me to make all the h2 elements blue colored, and I did what they asked me to do but still, it doesn’t let me pass through and shows me an error

Your h2 element should be blue.

This is what my code looks like currently

Annotation 2020-11-15 095955
Annotation 2020-11-15 095955503×574 16.7 KB

I’ve read some old topics regarding the same issue, but they don’t seem to work, well at least for me. Can you please lend me a hand? Did I write something wrong? Do I need to change the spacing? Let me know!

2

Hey @Amjed!
Welcome to FCC Forum.

Which Browser you use ?

3

Hii @Amjed, did you tried resetting the challenge code and trying again…
For next time you should use, get help button on the challenge page itself.

4

I’m using Google Chrome as my browser. And also, I tried resetting the challenge and retrying the same thing they asked me to do. Thank you for the tip about the get help button you mentioned, really appreciate it.

5

do you have a dark mode extrnsion? that would make the tests fail

1 Like
7

seems you need to assign the style you created to h2 elements so that it should be blue.
follow my example as I used red instead of blue
screencapture-www-freecodecamp-org-learn-responsive-web-design-basic-css-use-css-selectors-to-style-elements-1605443097399 (2)
hope it may help…

8

that’s inline styling, it is not what this challenge is teaching

the css selector h2 already target the h2 element

9

true, then get help option may help coz the code seems correct

10

try

h2 {font-color: blue}

11

I suppose the Dark Reader was the reason this is failing for me. Thank you all for the solutions your provided, really love it!