.keys element stuck

HTML-CSS
1

Tell us what’s happening:
Hi there. I’m a bit unsure as to where I should place my .keys element in a positon so that I can have 7 of my div elements too. Also where to position my style tag.

Thanks

   **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<style>
  .keys{


</style>




<html>
 <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>
   </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>









 </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/103.0.0.0 Safari/537.36

Challenge: Step 5

Link to the challenge:

2

There is no CSS involved in this step so you can remove the style element completely. When the instructions say:

Within your .keys element

That is shortcut for ‘withing the element with class=“keys”’. You will find this sort of shortcut a lot. It is using the CSS selector to describe the HTML element on the page. But that doesn’t mean you need to add CSS.

So knowing this, you need to add seven div elements with class set to key within the div with class set to keys.

3

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