Learn Basic CSS by Building a Cafe Menu - Step 16

HTML-CSS
1

Tell us what’s happening:
Hi All,

I am hung-up on this line of code.

THe error I receive is that there should be one self closing link element.

And as far as I can tell, that’s what I have. On the console, I see the style sheet linking correctly and updating the text formating. I’ve researched many of the common spelling and typo errors. Can you see if I’m missing anything?

Your code so far

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

<!-- User Editable Region -->

  <head>
    <meta charset="utf-8"/> 
    <title>Cafe Menu</title>
    <link rel="stylesheet" href="styles.css"/>
  </head>

<!-- User Editable Region -->

  <body>
    <main>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
</html>

/* file: styles.css */
h1, h2, p {
  text-align: center;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 16

Link to the challenge:

2

I’m pretty sure this is the test you are failing:

You should have one self-closing `link` element.

const link = document.querySelectorAll('link');
assert(link.length === 1);

Chances are you have an extension installed in your browser that is adding a link tag to the html in the preview pane and thus the tests are finding more than one link tag. If you look at the HTML in the preview pane with the browser’s dev tools inspector it might help you figure out which extension is causing the problem. Otherwise, just start disabling extensions one by one until you figure out the culprit.

Or you could try a different, “clean” browser without any extensions.

1 Like
3

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