Nav element not working.

HTML-CSS
1

Tell us what’s happening:

  **Your code so far**


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

nav {
 background-color: hsl
  (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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.128 Safari/537.36 Edg/89.0.774.77.

Challenge: Adjust the Tone of a Color

Link to the challenge:

2

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

The more information you give us, the more likely we are to be able to help.

3 
nav {
 background-color: hsl
  (180%, 80%, 25%)
}

There are some unnecassary spaces after hsl. Also the % is not needed after the first number in hsl.

nav {
 background-color: hsl(180, 80%, 25%)
}
4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.