Update adjust-the-tone-of-a-color.english.md (#19512)
This commit is contained in:
committed by
Jonathan Grah
parent
2e8e0cda26
commit
49d90f3dde
@ -12,7 +12,7 @@ The <code>hsl()</code> option in CSS also makes it easy to adjust the tone of a
|
|||||||
|
|
||||||
## Instructions
|
## Instructions
|
||||||
<section id='instructions'>
|
<section id='instructions'>
|
||||||
The navigation bar on this site currently inherits its <code>background-color</code> from the <code>header</code> element. Starting with that color as a base, add a <code>background-color</code> to the <code>nav</code> element so it uses the same cyan hue, but has 80% saturation and 25% lightness values to change its tone and shade.
|
All elements have a default <code>background-color</code> of <code>transparent</code>. Our <code>nav</code> element currently appears have a <code>cyan</code> background, because the element behind it has a <code>background-color</code> set to <code>cyan</code>. Add a <code>background-color</code> to the <code>nav</code> element so it uses the same <code>cyan</code> hue, but has <code>80% saturation</code> and <code>25% lightness</code> values to change its tone and shade.
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
## Tests
|
## Tests
|
||||||
|
Reference in New Issue
Block a user