Learn Responsive Web Design by Building a Piano - Step 6

Tell us what’s happening:
Describe your issue in detail here. ive done all the code then it keeps saying my second .key element needs a class also of black–key ive done this ive also put extra code in but still nothing ive put it back to what it asked for ive tried everything im well baffled

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="black--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="black--key"></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/105.0.0.0 Safari/537.36 Edg/105.0.1343.42

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

Link to the challenge:

Instructions say:
you’ll add a second class value of black--key . Add this to your second, third, fifth, sixth, and seventh .key elements.

Notice they said to add a second class, not to replace the old one?

1 Like