Tell us what’s happening:
Describe your issue in detail here. ive done all the code then it keeps saying my second .key element needs a class also of black–key ive done this ive also put extra code in but still nothing ive put it back to what it asked for ive tried everything im well baffled
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>
<div id="piano">
<div class="keys">
<div class="black--keys">
<div class="key"></div>
<div class="black--key"></div>
<div class="black--key"></div>
<div class="key"></div>
<div class="black--key"></div>
<div class="black--key"></div>
<div class="black--key"></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/105.0.0.0 Safari/537.36 Edg/105.0.1343.42
Challenge: Learn Responsive Web Design by Building a Piano - Step 6
Link to the challenge: