Learning html piano lesson Step 5

HTML-CSS
1

Here is my code which is not passing.
I am getting the error on Step 5 with error;

  1. Your seven new div elements should be within your .keys element.

I am putting my 7 new divs inside the div element with class keys
/---------------- Code ------------------/

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

Hi there!

Please look at this, where’s the closing angle?

3

Ugh, how did i miss that. Thanks !

1 Like
4

You’re welcome!

And in the future, if you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

image
image622Ă—306 7.96 KB

The Help button 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.

5

Hi, mr. Coder first of all your div tag isn’t right
Right div is =>. <div class="anything"> </div>
It’s perfect div with class attribute do try in various mathed with class or id attribute :robot::space_invader::alien:.

6

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356Ă—380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').