Tell us what’s happening:
Hey fellow coders, I’ve hit a snag. I can’t seem to get this code to fulfill all the specifications; applying the (class) background-color to my div elements. I am new to coding, and this is my first real test.
Please help out. ( I am on Chrome btw)
Your code so far
<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 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36
.
Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color/