scrimba
Applied Visual Design
Adjust the Tone of a Color
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Adjust the Tone of a Color
AboutCommentsNotes
Adjust the Tone of a Color
Expand for more info
index.html
run
preview
console
<style>
header {
background-color: hsl(180, 90%, 35%);
color: #FFFFFF;
}

nav {

}

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>
Console
index.html
-0:57