Learn Responsive Web Design by Building a Piano - Step 5

HTML-CSS
1

I’m stuck so The question on step 5 on making a piano. and it said." Your seven new

div

elements should be within your. Keys element.

<!-- 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 black-keys"></div>
      <div class="keys  black-keys"></div>
      <div class="keys  black-keys">s</div>
      <div class="keys  black-keys"></div>
      <div class="keys  black-keys"></div>
      <div class="keys  black-keys"></div>
      <div class="keys  black-keys"></div>
      <div class="keys  black-keys"></div>
    </div>
  </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/106.0.0.0 Safari/537.36

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

Link to the challenge:

2

Be sure to read what the challenge is asking you carefully. “ Within your .keys element, add seven div elements. Give them all the class key .” So inside of the element with the class of keys add seven divs and give them a class if key. You are trying to give every div a class of keys. When you should only have one div with a class of keys. I am also not sure where you are getting “black-keys” from. Thats not mentioned anywhere in the challenge

3

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