How does this code not pass?

HTML-CSS
1

Tell us what’s happening:
Is this a bug or am I missing something, I tried entering the color names and the hex codes. What am I missing? If I am right (i think I am) how do I report bugs?

Your code so far


<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"></div>
<div class="yellow"></div>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.149 Safari/537.36.

Challenge: Learn about Complementary Colors

Link to the challenge:

2

image
image1371×593 96.8 KB

It turns out, for some reason, no matter what color I put, the console shows it’s overridden by something else. I thought it was my fl.ux program that I use to dim monitor brightness and reduce blue light, but after turning that off it still doesn’t work.

3

Hi, are you using a dark reader theme?
Some tests seem to fail when using the Dark Mode theme.
Hope this would be any help.

Related: Basic CSS: Change the Color of Text problem

1 Like
4

Hey, Its possible that some extension on your browser is messing the style. Do you have any kind of special kind of extension related to dark mode?

maybe
maybe1735×767 239 KB

1 Like
5

I was just about to go into incognito mode to see if an extension was causing the problem. Turning off Dark Reader was definitely the solution. This was more of a test in debugging than color theory. Thank you :smile: lol

1 Like