Learn Responsive Web Design by Building a Piano - Step 6

Tell us what’s happening:
Describe your issue in detail here.

I am not sure how to add a second class to the element. anything I try does not seem to be working.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <div id="piano">
    <div class="keys" class="black--key">
      <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>
/* 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/103.0.5060.114 Safari/537.36 Edg/103.0.1264.49

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

Link to the challenge:


Hello. In order to add more than one class to an element, you only need to separate them with a space, while inside the same pair of quotation marks, e.g:

<h1 class="class1 class2"/>

1 Like

sometimes if it is so simply like ur problem i would research it:

Multiple Classes

HTML elements can belong to more than one class. To define multiple classes, separate the class names with a space, e.g.

. The element will be styled according to all the classes specified.

1 Like

This solved my huge headache. Thank you for posting!

1 Like

@malikj43, I’m so glad you asked this and @DaBonkinator, thank you, great solution, works like a charm! :smiley: