Changing the Background Color of an element to their respective colors. This is the linkhttps://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/learn-about-tertiary-colors

HTML-CSS
1

Tell us what’s happening:
I was given a test to change the background-color property of the orange , cyan , and raspberry classes to their respective colors. Make sure to use the hex codes and not the color names. I did this but it is still not working, giving errors with div element that has a class orange which is to have a background-color of orange and also div element with class raspberry should have a background-color of raspberry

Your code so far


<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>

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.105 Safari/537.36.

Challenge: Learn about Tertiary Colors

Link to the challenge:

2

You have written wrong colour code at line 15 for raspberry. It should be #FF007F.