The div element with class cyan should have a background-color of cyan

HTML-CSS
1

Tell us what’s happening:

Correct me if iIm wrong, but I think it does have the color of cyan.

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.0; rv:52.0) Gecko/20100101 Firefox/52.0.

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

@juliuskudzma Hey the code is perfect , which browser are you using ? I passed the test using mozilla, also try resetting the challenge.

3

I’m using mozilla firefox version52.9.0
I can’t find a way to reset one challenge, I can only see the option to reset all code.

4

Hello, julius.

Some things to note:

  1. Some browser extensions prevent tests from passing (for this challenge, it is likely a styling extension) -> Disable them
  2. Chrome is the most reliable browser for the curriculum.
  3. If you are on any lesson/challenge, there is an option to Reset All Code. This will undo any code you have typed on that page, and that page alone.

Hope this helps

1 Like
5

Tried all three. Issue still persists.
Probably because my computer is kinda old.
I’m making progress with further challenges though so ill just let that cyan hue sleep until I can afford a new machine.
Thanks for your help 96_flash and sky020.

1 Like
6