Learn Responsive Web Design by Building a Piano - Step 6

I’m a little bit stuck on Step 6. I’ve tried adding another class attribute to the div but still seems incorrect. Please help.

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

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

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

Link to the challenge:

An element can only have one class attribute but you can add multiple values to the class attribute. You would separate the values with a space.

I didn’t realise you could add multiple values to a class attribute. This has been resolved now, thanks for your help!

If you have done the previous courses then you first ran into this in CSS Color Markers Step 16.

Great reminder! Been a little while since I completed the color markers course.

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