CSS Applied visual design- adjust the hue of a color - HELP

HTML-CSS
1

Having trouble moving past this; from what I can tell I have matched the code to what they are asking, however, it will not let me move past. Thoughts? Thank you!

Your code so far


<style>
body {
  background-color: #FFFFFF;
}

.green {
  background-color: hsl(120, 100%, 50%);
}

.cyan {
  background-color: hsl(180, 100%, 50%);
}

.blue {
  background-color: hsl(240, 100%, 50%);
}

div {
  display: inline-block;
  height: 100px;
  width: 100px;
}
</style>

<div class="green"></div>
<div class="cyan"></div>
<div class="blue"></div>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:54.0) Gecko/20100101 Firefox/54.0.

Challenge: Adjust the Hue of a Color

Link to the challenge:

2

While searching for an answer I was able to find another user with the same issue;
added the following:
background-color: cyan !important;

Any thoughts as to why this would have been important to add?

Thank you!

3

@larsonbt

i think this might be a browser issue as it works fine for me on chrome.

4

I have Firefox as well, and I passed this earlier today without having to add !important

5

Are you using a dark mode extension with your browser? If so, disable it as it will mess up the tests.