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)
2 Likes
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.