Cyan hsl not accepted in Adjust Color of Hue

Cyan hsl not accepted in Adjust Color of Hue
0

#1

Tell us what’s happening:

hsl(180,100%,50%) is entered in .cyan of the style section, but the test returns the following:

“The div element with class cyan should have a background-color of cyan.”

I have opened and closed Firefox, and reset the code, and the problem persists.

Thanks.

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 (Windows NT 10.0; WOW64; rv:52.0) Gecko/20100101 Firefox/52.0.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color/


#2

maybe try opening the web page in another tab or browser.


#3

Thank you kieraclarke. It worked in Chrome Version 67.0.3396.99 (Official Build) (64-bit).


#4

It did not work for myself either on Firefox 52.9.0 (64-bit)
I used this as a work around.

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

#5

Hello I had the same problem. It was not working in Firefox. But it works in Chrome. Thank you!


#6

Hello. I have the same problem using Firefox.