Tell us what’s happening:
So this code
.blue {
background-color: hsl(100%, 50%, 0%);
background-color: blue;
worked for the blue part and the cyan part, but not the green.
someone help please?
Your code so far
<style>
body {
background-color: #FFFFFF;
}
.green {
background-color: hsl(100%, 50%, 0%);
background-color: green;
}
.cyan {
background-color: hsl(100%, 50%, 0%);
background-color: cyan;
}
.blue {
background-color: hsl(100%, 50%, 0%);
background-color: blue;
}
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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.89 Safari/537.36 Edg/84.0.522.40
.
Challenge: Adjust the Hue of a Color
Link to the challenge: