Please check and say idk what is the mistake it says me The div element with class blue should have a background-color of blue do this

Tell us what’s happening:

Your code so far


<style>
body {
  background-color: #FFFFFF;
}
.blue {
  background-color: #000000;
}
.yellow {
  background-color: #000000;
}
div {
  display: inline-block;
  height: 100px;
  width: 100px;
#0000FF
</style>
<div class= "background-color :#0000FF"></div>
<div class ="background-color:#FFFF00"></div>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 10; SM-A505F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.127 Mobile Safari/537.36.

Challenge: Learn about Complementary Colors

Link to the challenge:

the background color is still black

this selector is missing the closing}

this line alone there is wrong and can cause errors and the code not working

[quote=“pragnya1132, post:1, topic:424384”]

<style>
body {
  background-color: #FFFFFF;
}
.blue {
  background-color: blue;
}
.yellow {
  background-color: yellow;
}
div {
  display: inline-block;
  height: 100px;
  width: 100px; }

</style>
<div class= "blue">ddddd</div>
<div class ="yellow">dddd</div>
```[/quote]

Ok, the problem in your code is  the name inside the "class"  i change the div class to blue and yellow. And know is working. and the end of the  <code>div {} </code> was not close .

I think you was trying to put a link style , if you want to do that you need to do this:

<div class="name of your div" style="background-color :#0000FF"</div>

@yniguezleandro, the OP’s question relates to an FCC lesson.
Your response in no way follows what the lesson is teaching.

Oh, sorry . I need to be careful