Color is not showing and I have the code correct

Tell us what’s happening:

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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36.

Challenge: Adjust the Hue of a Color

Link to the challenge:

You have one little syntax bug. A single ; nearby is disrupting your cyan class.

1 Like

Thank you so much it worked!

1 Like