Learn Responsive Web Design by Building a Piano - Step 6

HTML-CSS
1

Having Difficulty Making Multiple Classes
I’m trying to add a second another class to some of the existing classes and I think I’m missing something, can some one tell me where I went wrong?

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 Black--key"></div>
        <div class="key Black--key"></div>
        <div class="key"></div>
        <div class="key Black--key"></div>
        <div class="key Black--key"></div>
        <div class="key Black--key"></div>
      </div>
    </div>
  </body>
</html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14909.132.0) 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:

2

Try lower case “b” in the word black—key.

1 Like
3

hello and welcome to fcc forum :slight_smile:

now lets read from instructions shall we?

you’ll add a second class value of “black–key”

now look at your code and have them fixed and it should be fine, happy learning :slight_smile:

1 Like
4

that_lab_guy Thanks for that, your a dude!

5

I don’t understand what I am doing wrong. This is my code:

and it keep saying " Your second .key element should also have a class of black--key ." I don’t het it…

6

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.