Learn Responsive Web Design by Building a Piano - Step 6

HTML-CSS
1

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

I have followed the directions. I don’t see the mistake that is being told to me. Advice?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Piano</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>
  <body>
    <div id="piano">
      <div class="keys"></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>
    </div>
  </body>
</html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:106.0) Gecko/20100101 Firefox/106.0

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

Link to the challenge:

2

You should only using one class for both of the value.

It will be look like class="value1 value2"

You can read more in the multiple classes section in this doc

3

hello and welcome to fcc forum :slight_smile:

you can only have one “class” attribute, but in it you can have multiple values (i.e. “classNames”) separated by “single space”

address that change and it should alright, happy learning :slight_smile: