Learn Responsive Web Design by Building a Piano - Step 8

Tell us what’s happening:

I’ve entered the link element information within the head element, but I still get an error when checking the code. I’ve even moved ahead one step to copy and paste exactly what the tutorial wants me to enter and it’s the same as my original code, so I’m not understanding what the issue is here. I’ve had this same issue occur in prior projects for this unit and cannot find a solution.

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; rv:109.0) Gecko/20100101 Firefox/119.0

Challenge Information:

Learn Responsive Web Design by Building a Piano - Step 8

Whenever this occurs it means that you should check your closing and opening tags, spellings. Once you discover the slight mistake the code would pass

Hello @VincentK !
Here are some steps you could try:

If you have access to another browser you could try submitting it that way.

Try the following:

  • Reset step
  • Refresh page (F5)
  • Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests.
  • If you are having problems, recommendation is to disable extensions that modify the content or layout of pages, while taking the course.
    • Try a different browser.

Hope it works for you!

Keep up the great progress!

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