Learn Basic CSS by Building a Cafe Menu - Step 17 : <link> elem not found error

As per the instruction, I nest the link element inside head but the code checker seems unable to recognize the link element.

The code entered is correct, and the output on the right verifies this, but I still get the error:

Test: Sorry, your code does not pass. Keep trying.
Hint: You should have one self-closing link element.

My code:

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

The entire screenshot. (The code seems to be working perfectly since the CSS is applied)

NOTE:

As per a similar issue on another thread, I tried a few steps (naively ofcourse) which all ended in failure.
What I tired?

  • Changing " (double-quote) to ' (single-quote)
  • Change the order of rel & href attributes
  • Change the placement of link inside head

All those are naive steps, but all result in the same error, despite the output on the right showing the CSS applied.

Try your code and it worked.

Are you any chance using Mozilla? If it is try change your browser or redo the lesson, some steps on Freecodecamp seems like having issue with Mozilla it self.

1 Like

It worked when I tried on Chromium.

Is there any reason why this issue arises on Firefox?

I am not sure, never got any clarification from the admin too.

Sorry can’t provide with any details.

Not sure, perhaps you can check out their Known Issues section in Github.

You can open a new issue if it doesn’t exist.

Perhaps one of the moderators know why? :eyes: