Learn Responsive Web Design by Building a Piano - Step 5

I don’t understand what is wrong.
Can anybody help me?

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

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla Firefox/109.0

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

Link to the challenge:

Within your .keys add seven div elements with a class set to key.
You have close your .keys element, so all seven div elements are after that div element. They should be found within this element. The closing div tag of .keys doesn’t belong there.

1 Like

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