I was doing great until this happened now I am stuck

HTML-CSS
1

Tell us what’s happening: when I type in the hsl codes as given the colors disappear.
I pass the first 3 stages, but the last 3 stages say that the Div class should show the color.
so all the hsl color codes are correct however there are no colors on the screen.
very frustrating.

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 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36.

Challenge: Adjust the Hue of a Color

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color

2

You’ve got a typo. The hsl() property takes three comma-separated arguments.

1 Like
3

Yeah, as @colinthornton mentioned.

When code does not work, it is necessary to read very carefully the syntax of your code INCLUDING PUNCTUATION MARKS. I often read out loud so that I can hear any errors ( - indicates pauses in speech): “hsl - open bracket - 240 - comma - 100 per cent - fifty per cent - close bracket - semicolon”. From saying that out loud, I may have noticed that I only said “comma” once.

4

Thank you for spotting it!
I am really surprised that I did that.
Even more surprised that I didn’t spot it.

5

Coding is the key to Depression.

6

@beatthebrain2019, please make sure replies are relevant and helpful