Applied Visual Design - Adjust the Hue of a Color

Tell us what’s happening:
I followed every instruction but it keeps telling me my div element with class cyan should have a background-color of cyan.

Your code so far

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;

<div class="green"></div>
<div class="cyan"></div>
<div class="blue"></div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 5.1; rv:52.0) Gecko/20100101 Firefox/52.0.

Challenge: Adjust the Hue of a Color

Link to the challenge:

Hello there,

Your code passes for me. So, here are potential problems:

  1. For the fCC curriculum, we recommend the latest stable version of Chrome.
  2. Browser extensions can influence the tests. Disable them.
  3. Not much of a problem with this challenge, but be aware: your browser zoom being at anything but default (100%) can influence the tests.

Hope this helps


None of this helps but thanks for your comment

I copy and pasted your code in my Safari browser and it passed as well. I hope you figure it out quickly.

1 Like

Windows XP and the old Firefox version might also be an issue here.

If you have a USB stick maybe try a live Linux distro and see if you can pass the test using a newer browser.

1 Like

I already figured it out but thanks for your comment

1 Like