Adjusting the Hue of a Color

The compiler keeps giving me error :
“The div element with class cyan should have a background-color of cyan.”
even though I have entered the correct value.

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; Linux x86_64; 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/

Your code works on Chrome. Try refreshing the page and run the tests again. If that does not work, try using Chrome with the same code.

It works on Firefox too. Try closing the browser and log in again just in case.

Thanks, I made it to work with:
.cyan {
background-color: hsl(180,100%,50%);
background-color: cyan !important;
}