Adjust the Tone of a Color Exercise

Tell us what’s happening:

Hi, everyone. I am doing the exercise to adjust the tone of a color of the nav element. I tried it the way I thought it should be, but it was wrong. I asked for a hint and it’s still not right. Can anyone tell me what is wrong here? Thanks!

Your code so far

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

nav {
  background-color: hs1(180, 80%, 25%);

h1 {
  text-indent: 10px;
  padding-top: 10px;

nav ul {
  margin: 0px;
  padding: 5px 0px 5px 30px;

nav li {
  display: inline;
  margin-right: 20px;

a {
  text-decoration: none;
  color: inherit;

<h1>Cooking with FCC!</h1>
    <li><a href="#">Home</a></li>
    <li><a href="#">Classes</a></li>
    <li><a href="#">Contact</a></li>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:74.0) Gecko/20100101 Firefox/74.0.

Challenge: Adjust the Tone of a Color

Link to the challenge:

In your nav class, you put hs1 instead of hsl. Happens to the best of us :slight_smile:

1 Like

Thank you! You are awesome!

1 Like