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>

<!-- add a second class value of black--key. Add this to your second, third, fifth, sixth, and seventh .key elements. -->

    <div id="piano">
      <div class="keys">
        <div class="key"></div>
        <div class="key" class="black--key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
      </div>
    </div>

<!-- User Editable Region -->

  </body>
</html>
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/118.0

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

Link to the challenge:

This isn’t quite how you add multiple class names to an element. There can only be one class attribute on an element. You add all of the class names to that one class attribute. The class names should be separated with a space.

1 Like

thanks… i have done that already…

If you create a post asking for help and then figure it out before anyone helps you and you don’t need help anymore it is nice if you follow up letting us know so that no one unnecessarily spends time trying to help you.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.