Adjust the Tone of a Color Exercise

HTML-CSS
1

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


<style>
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;
}
</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 (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:

2

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

1 Like
3

Thank you! You are awesome!

1 Like