Can anyone figure out the problem?

HTML-CSS
1

Tell us what’s happening:
Even the output is blue text as required but it says something is wrong.

Your code so far


<style>
body {
  background-color: black;
  font-family: monospace;
  color: green;
}
.pink-text {
  color: pink;
}
.blue-text{color:blue;}
</style>
<h1 class="pink-text blue-text">Hello World!</h1>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36.

Challenge: Override Styles in Subsequent CSS

Link to the challenge:

2

I can’t see any problem here… I also copy-pasted your code to the problem to double-check what’s happening and it passed the test

1 Like
3

spot on! it works with me as well

1 Like
4

It could just be the formatting of your answer. Try to have the same format for blue-text as the pink-text and see if it’ll pass. Good luck!

1 Like
5

The challenge passes for me. I’d double check that you don’t have a browser extension that changes CSS, such as dark mode, turn on for FCC.

1 Like
6

Could you paste your code?