Applied Visual Adjust Hue of Color

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; }
The illustration is given me this error The div element with class cyan should have a background-color of cyan.

I think you are missing some semi colons in your css. Review your code carefully…,

I did that intentionally but they were there but gives the same error

you are missing 3 semicolons. I’m not sure why you said you did that intentionally. The code expects semi-colons in order to work. (one in .green, one in .cyan and one in .blue)


Even though the code will technically work when a class only has a single property/value pair, the tests are expecting the semi-colons at the end, because it is considered a best practice to do so.

I spent every bit of 20 minutes on this only to realize the property was HSL not HS1

1 Like

Thank goodness you mentioned that. Thank you. I’m going crazy over here saying that is exactly the solution. The person should have put capital.