Adjust the Hue of a Color : Class not applying to div elements

Tell us what’s happening:

Hey fellow coders, I’ve hit a snag. I can’t seem to get this code to fulfill all the specifications; applying the (class) background-color to my div elements. I am new to coding, and this is my first real test.

Please help out. ( I am on Chrome btw)

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_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36.

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

There’s no colon between hsl and its parentheses.

1 Like

Thank you so very much! :grinning: