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

  body {
    background-color: #FFFFFF;
  .blue {
    background-color: blue;
  .yellow {
    background-color: yellow;
  div {
    display: inline-block;
    height: 100px;
    width: 100px;
<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:

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.