Adjust the Tone of a Color Can't finish challenge

Tell us what’s happening:
Not sure what I’m doing wrong on this one. Please advise.
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/90.0.4430.72 Safari/537.36 Edg/90.0.818.39.

Challenge: Adjust the Tone of a Color

Link to the challenge:

Hi @John4 !

Two issues.

No.1:
It should be 180 not 180%

No.2:
You have some spaces between the hsl and the () here

Look to the example here with regards to the spacing

1 Like

Thank you so much! I cleared the challenge.

1 Like

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