Adjust the Hue of a Color: cyan

Tell us what’s happening: I don’t no where’s the problem my code, but I really stuck in this level. My code is no working for cyan (background-color: hsl(180, 100%, 50%):wink: and it always sended to me this message: “he div element with class cyan should have a background-color of cyan.”

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 6.1; 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

Hi,

I tried your code in my editor, it worked for me. May be refresh your page and try it once more?

Try resetting your code and do the test again, save a copy of the code somewhere and reset it, Chrome works better for FCC challenges