Learn Responsive Web Design by Building a Piano - Step 6

HTML-CSS
1

Hi guys,

for some reason I can’t pass this task but I think I’m doing it right. Can someone help me, please?

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>

<!-- User Editable Region -->

    <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>

<!-- User Editable Region -->

  </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/113.0.0.0 Safari/537.36 Edg/113.0.1774.35

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

Link to the challenge:

2

Hi @Tinina

Welcome to FCC. You should have one class attribute. The values of your class attribute can be separated by a white space like this:

<div class="class-1 class-2"> </div>

You have two class attributes on the same element. That is incorrect.

3 Likes
3

Hello and welcome to our forum.

To select multiple classes,you need to put them in one class attribute.

2 Likes
4

Oh I see! Thank you very much! I feel so dumb now. :sweat_smile:

5

Thank you very much!

1 Like
6

Thank you for the help!

1 Like
7

Welcome to the forum. :slight_smile:
Never feel dumb.
We learn by making mistakes, and asking for help, so we can learn. Believe me, we have all been in the ‘confused state’ at some point.
Happy coding!

1 Like
8

:slightly_smiling_face: Thanks for the encouragement! xxx

1 Like
9

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