Adjust the Hue of a Color, but i dont know what is wrong

*Tell us what’s happening:

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 (Macintosh; Intel Mac OS X 10.10; rv:51.0) Gecko/20100101 Firefox/51.0.

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

@willjw3 and @lasjorg here are the codes. Thank you all for your time.

Think this might be one you have to try on another browser or clear your browser cache. It passes on my computer (chrome) and all I’ve done is paste the hsl values into the class’s CSS - and it looks like you have done the same.

1 Like

Thank you for pointing that out.

It worked!! Thank you for your time…

1 Like