Learn about Complementary Colors

HTML-CSS
1

Tell us what’s happening:

The instructions say to set the background-color attribute the corresponding class names’ color. I have done that and I am wondering what I have done incorrectly.

The output section is giving the following error:
// running tests
The div element with class blue should have a background-color of blue.
The div element with class yellow should have a background-color of yellow.
// tests completed

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_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/learn-about-complementary-colors

2

Your code works for me.

Try using a different browser.

3

Thanks I tried it in Safari and it works. I am using Dark Reader on Chrome and that is somehow messing up the interpretation by the test runner.