Any idea what's wrong here?

Tell us what’s happening:
I understand my code is just fine according to many answers but for some reason the test won’t approve.

  **Your code so far**

<style>
body {
  background-color: black;
  font-family: monospace;
  color: green;
}
.pink-text {
  color: pink;
}
.blue-text {
  color: blue;
}
#orange-text {
  color: orange;
}
</style>
<h1 class="pink-text blue-text"
id="orange-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/96.0.4664.137 Safari/537.36

Challenge: Override Class Declarations by Styling ID Attributes

Link to the challenge:

Copy and pasting your solution works on my machine. Try restarting your browser.

1 Like

Thanks, I’ve done it before… so, what’ll do is try another browser. Let’s see.

It could be an extension in your browser, such as dark mode, that is keeping the test from passing. Either use a browser that doesn’t have these extensions or disable the extensions.

2 Likes

Indeed, thank you so much! I had the dark-mode extension, uninstalled without restarting the browser and it works right away. nuts!

1 Like