Learn Responsive Web Design by Building a Piano - Step 6

Tell us what’s happening:
Describe your issue in detail here.

The hint says “Your second .key element should also have a class of black--key .” I believe I have done that but it still shows I am wrong…

Your code so far

    <div id="piano">
      <div class="keys">
        <div class="key"></div>
        <div class="black--key"></div>
        <div class="black--key"></div>
        <div class="key"></div>
        <div class="black--key"></div>
        <div class="black--key"></div>
        <div class="key"></div>
      </div>
    </div>
```
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.3 Safari/605.1.15

Challenge: Learn Responsive Web Design by Building a Piano - Step 6

Link to the challenge:

I think you should be adding the black--key class in addition to the existing key class, rather than replacing it.
You can add multiple classes to an element by separating them with spaces.

EXAMPLE:

<div class="one two three four"></div>