Learn Responsive Web Design by Building a Piano - Step 8

Tell us what’s happening:
Describe your issue in detail here.
even after adding link element with appropriate rel and href attribute it’s giving error => You should have one self-closing link element.
pls resolve anyone is there any problem with code checker

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>

<!-- User Editable Region -->

    <meta charset="UTF-8" />
    <title>Piano</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./styles.css">

<!-- User Editable Region -->

  </head>
  <body>
    <div id="piano">
      <div class="keys">
        <div class="key"></div>
        <div class="key black--key"></div>
        <div class="key black--key"></div>
        <div class="key"></div>
        <div class="key black--key"></div>
        <div class="key black--key"></div>
        <div class="key black--key"></div>

        <div class="key"></div>
        <div class="key black--key"></div>
        <div class="key black--key"></div>
        <div class="key"></div>
        <div class="key black--key"></div>
        <div class="key black--key"></div>
        <div class="key black--key"></div>

        <div class="key"></div>
        <div class="key black--key"></div>
        <div class="key black--key"></div>
        <div class="key"></div>
        <div class="key black--key"></div>
        <div class="key black--key"></div>
        <div class="key black--key"></div>
      </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/112.0.0.0 Safari/537.36

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

Link to the challenge:

this is the problem i have added the self closing link element even then its giving error

Welcome to our community!

The code is OK. Try the following:

  1. Restart step
  2. Refresh page (F5)
    3.Follow the note: “Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.”
  3. Change the browser

thanks it worked on edge browser

1 Like

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