Linking a style file

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
The description says to add another meta element but I have two meta elements already.

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="viewport" content="width=device-width, intitial-scale=1.0"/> <meta charset="utf-8" />
  <title>Cafe Menu</title>
  <link href="styles.css" rel="stylesheet"/>
</head>
<body>
  <header>
    <h1>CAMPER CAFE</h1>
    <p>Est. 2020</p>
  </header>
  <main>
    <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/103.0.0.0 Safari/537.36

Challenge: Step 18

Link to the challenge:

2

Two issues here:

Do you see the misspelling of “initial”. I would recommend you always copy/paste from the instructions if possible to avoid these little typos.

  • You have found a bug in the test. Apparently, it doesn’t like it when you have both meta tags on the same line. So move the second meta tag to a line below the first one and then after you fix the typo above it will pass.
1 Like
3

thanks for the first tip nut the code doesn’t pass even after moving the second meta element to a different line. does the order of the meta elements matter?

4

You’ll need to paste your updated HTML in here so we can see what you did. It passed for me with the two changes I suggested, so if it is not passing for you then there is something else wrong and we’ll need to see your HTML.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.

5

I wrote the meta elements in the wrong order. everything you said worked

6

I just tested with the meta elements in both orders and it worked both times. So I don’t think this was a problem with order of the meta elements. But it sounds like you got it to work!

7

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