Learn Basic CSS by Building a Cafe Menu - Step 16

HTML-CSS
1

Tell us what’s happening:
This step states:
“Now you need to link the styles.css file so the styles will be applied again. Nest a self-closing link element in the head element. Give it a rel attribute value stylesheet and an href attribute value of styles.css.”

It won’t accept my code but I don’t understand how or why it is wrong.

Your code so far

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

<!-- User Editable Region -->

  <head>
    <link href="styles.css" rel="stylesheet" />
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
   </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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

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

Link to the challenge:

2

You can try to turn off any extension or switch to another browser. After passing this step you can return using Mozilla.

Sometimes there is error on Mozilla that our code interpreted wrong even if it is correct

3

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