Learn Basic CSS by Building a Cafe Menu - Step 17

HTML-CSS
1

Hi everyone,
I’ve finished the entire project of building a cafe menu exept for the step 17.
I don’t understand why it isn’t correct and it drives me crazy because I’ve tried every possibilities that are explained in over posts.
The project is not validated because of this remaining and cursed step.
Did somebody had the same issue ?
If you could tell me what’s wrong, that would be great ! Thank you for reading.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
     <meta charset="utf-8" />
     <link href="style.css" rel="stylesheet"/>
    <title>Cafe Menu</title>
    </head>
  <body>
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
</html>

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:105.0) Gecko/20100101 Firefox/105.0

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

Link to the challenge:

2

did they say to link styles or style?

3

Hello hbar1st, thank you for replying !
Capture
Here is a screenshot.
It keep saying : “Hint: You should have one self-closing link element.”

4

should you link to style.css or styles.css ?

5

Oh yes, even when I add the “s”, the code is not accepted and the hint remains the same

6

can you post the code here (but not a screenshot this time) so I can try your code?

8 
<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8" />
     <link href="styles.css" rel="stylesheet"/>
    <title>Cafe Menu</title>
    </head>
<body>
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
</html>
9

Your solution as quoted here works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL-F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

1 Like
10

The incognito mode with no adblock or pop-up blocker worked for me. Thank you very much for your time. I wish you a good day :smiley:

1 Like
11

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