Hue of a Color instruction

HTML-CSS
1

Tell us what’s happening:
the instruction is a little bit confusing

Your code so far


 <style>
  body {
    background-color: #FFFFFF;
  }
  
  .green {
    background-color: hsl(0,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; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0.

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

2

Make sure all of the hsl values you’re entering correspond to the right color you need. The second and third values of hsl have to be % to represent the percentage of saturation and lightness in the color.

3

I too got stuck there switched lot browsers didnt work then at last i found whats the problem many will be typing h(hue) s(saturation) and 1(ONE) thats the wrong thing its not hs(ONE) but hsl(LION) ITS LLLLLLLLLLL .thank me afterwards