Learn Responsive Web Design by Building a Piano - Step 6

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

  **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 class="key"></div>
      <div class="black--key"></div>
      <div class="key"></div>
      <div class="black--key"></div>
      <div class="key"></div>
      <div class="black--key"></div>
      <div class="key"></div>
    </div>
  </div>
</body>
</html>
/* file: styles.css */

  **Your browser information:**

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

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

Link to the challenge:

hey there! what kind of help do you need?

my code is correct but it doesn’t work

Ah. The problem is that your code is not correct.

You didn’t add the new class to the correct elements.

1 Like

oh, it seems it’s not correct!

you are missing some key classes in there

2 Likes