Why doesn't this past the test?

This is the last step of the Piano making lesson in the RWD Course.
I wrote the code correctly, but the testing bot doesn’t think it’s done.

Is there anything I missed?

My Code

@media (min-width: 769px) and (max-width: 1199px) {
  #piano {
    width: 675px;
  }
  .keys {
    width: 633px;
  }
}

The Error Message

✖️ Keep trying. A quick hint for you:
Your second @media rule should have a #piano selector.

Please don’t post pictures of code. Cut and past the code into the message and include a link to the challenge.

I updated the qestion. :slightly_smiling_face:

1 Like

Hi, can you please offer a link to the challenge?)

Most likely it is a bug with the automatic verification system cause it is better to write the min-width value first but you can’t pass that way the challenge, kek.

Replace them to complete:

@media (max-width: 1199px) and (min-width: 769px) {
  #piano {
    width: 675px;
  }
  .keys {
    width: 633px;
  }
}

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-33 this is the challenge

1 Like

Switching the order of the queries solved the issue! Thank you!

2 Likes

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.