Change the
background-color
property of theorange
,cyan
, andraspberry
classes to their respective colors. Make sure to use the hex codes and not the color names.
I tried the hex code provided by my IDE. Then, when that didn’t work, I tried what the Solution said. That fails also. I cannot complete this because it will not accept anything I try.
<style>
body {
background-color: #FFFFFF;
}
.orange {
background-color: #FF7D00;
}
.cyan {
background-color: #00FFFF;
}
.raspberry {
background-color: #FF007D;
}
div {
height: 100px;
width: 100px;
margin-bottom: 5px;
}
</style>
<div class="orange"></div>
<div class="cyan"></div>
<div class="raspberry"></div>
The div element with class orange should have a background-color of orange.
The div element with class raspberry should have a background-color of raspberry.
// tests completed
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.135 Safari/537.36
.
Challenge: Learn about Tertiary Colors
Link to the challenge: