#orange-text issue

Tell us what’s happening:
Although the display in my browser shows that the text is indeed orange, it doesn’t pass the final test. Did I make a mistake somewhere?

  **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 id="orange-text" 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/97.0.4692.99 Safari/537.36

Challenge: Override Class Declarations by Styling ID Attributes

Link to the challenge:

Hello @Wynterwolf,

I verified your code and it is all good. Try to reload the page and validate again. You should verify that the zoom of your page is at 100% and that you don’t have any extensions such as Adblock and dark mode activated. If you still meet the issue, you can clean your browser data to try or just test on another browser.

If you are on mobile device, verify that the browser version is updated. I still advice you to work on computer.

1 Like