Learn Responsive Web Design by Building a Piano - Step 6

HTML-CSS
1

Tell us what’s happening:

Hint

Your second .key element should also have a class of black--key.
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="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_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Safari/605.1.15

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

Link to the challenge:

2

This isn’t how you add multiple class names to an element. You can only have one class attribute but you can add multiple classes to that attribute. If you can’t remember how to do this then google something like “add multiple classes to element”.

3

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