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/
I have the same problem as you do. 
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;
}
Even with the right value, it still doesn’t work.
I am a witness. With hue = 180, it didn’t work, so I tried 0 and it still didn’t work
Which browser are you in.?, try refreshing your browser, clear the cache or try different browser. It works in mine
I’m using chrome. I’ll try a reload.
replace 0 with 180 and Put a space after comma after 180 and it should work fine.
Hope it helps.
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.
This is the code that hangs on the Run Tests. I tried removing the color line, no help.