Learn about Complementary Colors

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

Your code works for me.

Try using a different browser.

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.

Some extensions involving the HTML and CSS sections of the curriculum could be affected by external plugins.