What’s wrong there? Can’t figure it out… everything seems good but error with background color of cyan…
Your code should use the hsl() property to declare the color green. (working)
Your code should use the hsl() property to declare the color cyan. (working)
Your code should use the hsl() property to declare the color blue. (working)
The div element with class green should have a background-color of green. (working)
The div element with class cyan should have a background-color of cyan. (error!!!)
The div element with class blue should have a background-color of blue. (working)
<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 (X11; Linux x86_64; rv:52.0) Gecko/20100101 Firefox/52.0.
Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color
