Adjust the Tone of a Color_Nav Bar

Adjust the Tone of a Color_Nav Bar
0

#1

Tell us what’s happening:
I am not changing the tone of the nav bar

Your code so far


<style>
  header {
    background-color: hsl(180, 90%, 35%);
    color: #FFFFFF;
  }
  
  nav {
     background-color: hsl(0,80%, 25%);
     color: #FFFFFF;
  }
  
  h1 {
    text-indent: 10px;
    padding-top: 10px;
  }
  
  nav ul {
    margin: 0px;
    padding: 5px 0px 5px 30px;
  }
  
  nav li {
    display: inline;
    margin-right: 20px;
  }
  . box 
  {
    text-decoration: none;
    color: inherit;
  }
</style>
  
<header>
  <h1>Cooking with FCC!</h1>
  <nav>
    <ul>
      <li><a href="">Home</a></li>
      <li><a href="">Classes</a></li>
      <li><a href="">Contact</a></li>
    </ul>
  </nav>
</header>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 6.0.1; SAMSUNG-SM-T807A Build/MMB29K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.87 Safari/537.36.

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


#2

I have the same problem as you do. :frowning:


#3

Instruction: The navigation bar on this site currently inherits its background-color from the header element. Starting with that color as a base, add a background-color to the nav element so it uses the same cyan hue, but has 80% saturation and 25% lightness values to change its tone and shade.

It says same hue

  header {
    background-color: hsl(180, 90%, 35%);
    color: #FFFFFF;
  }

Can you spot the difference for the nav hue, it shouldn’t be 0

  nav {
     background-color: hsl(0,80%, 25%);
     color: #FFFFFF;
  }

#4

Even with the right value, it still doesn’t work.


#5

I am a witness. With hue = 180, it didn’t work, so I tried 0 and it still didn’t work


#6

Which browser are you in.?, try refreshing your browser, clear the cache or try different browser. It works in mine


#7

I’m using chrome. I’ll try a reload.


#8

replace 0 with 180 and Put a space after comma after 180 and it should work fine.
Hope it helps.


#9

Thanks for your help. I did change to 180, put a space after the comma. Still no fix. It never gave me an error, it just hung. I downloaded Opera in order to try with that browser. I’m going to recheck the syntax as well in case I have a colon where a semi colon should be. I’ll let you know.


#10

This is the code that hangs on the Run Tests. I tried removing the color line, no help.