Adjust the Hue of a Color 2

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.6; rv:48.0) Gecko/20100101 Firefox/48.0.

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

I keep getting this error message:
The div element with class cyan should have a background color of cyan.

It already does! I’ve refreshed it a bunch of times and I keep getting the same message!

Your error is that you have no spaces between the coma and the number.
So, your code should look like this:

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

I really hope that this helped.

If it did not, please reply to my comment!

:upside_down_face: