Learn Responsive Web Design by Building a Piano - Step 6

[camaguncoso]

Tell us what’s happening:
Describe your issue in detail here.
What is wrong with my code bcos I get error?
Your code so far

      <div class="keys">
        <div class="key"></div>
        <div class="key" class="black--key"></div>
        <div class="key" class="black--key"></div>
        <div class="key"></div>
        <div class="key" class="black--key"></div>
        <div class="key" class="black--key"></div>
        <div class="key" class="black--key"></div>
        <div class="key" class="black--key"></div>
      </div>
    </div>```




**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36</code>

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

**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-6

[stephenmutheu]

Hello!
That is not how you select multiple classes, you only use one class attribute.

[camaguncoso]

Step 6

Remember that a class attribute can have multiple values. To separate your white keys from your black keys, you’ll add a second class value of black--key. Add this to your second, third, fifth, sixth, and seventh .key elements.

[stephenmutheu]

This is how you select multiple classes.

class="class1 class2"

multiple classes are separated by a space.

[camaguncoso]

Thanks a lot. It worked