Html, Css hue saturation and lighteness

HTML-CSS
1

Tell us what’s happening:

help me with this challenge

Your code so far


<style>
	body {
		background-color: #FFFFFF;
	}

.green {
		background-color: hsl(120%, 100%, 50%);}
		
	.green {background-color:green;}
	.cyan {
		background-color: hsl(180%, 100px, 50px);
	}
	
.cyan {background-color:cyan;}
	.blue {
		background-color: hsl(240%, 100%, 50%);}
		.blue {background-color:blue;}

qq

	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 (Linux; Android 7.0; TECNO WX3 Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Mobile Safari/537.36.

Challenge: Adjust the Hue of a Color

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

2

don’t do this
you need only one selector and one rule, not two different ones. Make sure only the one required by the challenge stay and delete the other one

also, when you write an hsl color, the first number is a pure number (no measure unit or percentage), the second and third are percentages
you never have it like that