Learn Basic CSS by Building a Cafe Menu - Step 18

Tell us what’s happening:
Describe your issue in detail here.
It’s saying my meta element needs the name attribute viewpoint, but I’ve added it already as well as the other content attribute as listed in the example. I’m not sure what else I could be doing wrong.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Cafe Menu</title>
  <link href="styles.css" rel="stylesheet"/> <meta name="viewpoint" content="width=device-width,       initial-scale=1.0" />
</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 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Safari/605.1.15

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

Link to the challenge:

the instructions said to add this:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Have you added it? (I can’t see it)

ps. viewport must be spelled correctly. It may be easier to copy and paste the line instead of typing.

Yes, I’ve added it, unsure of why it didn’t show.

check the spelling…
or
copy and paste from the exercise to avoid typos

1 Like

Thank you, I corrected the spelling now it says this

np. but if you want to make things easier on yourself, try copying the line in, instead of typing it in.

Because your current line has too many spaces after the first comma, it is failing to pass the test.

Reduce the number of spaces after the comma to one space only.

Also try not to use images to show your code. If it is still failing, use the codeblock formatter to paste it in neatly in your next response.

Hope this gets you past the this challenge.

1 Like

I applied it and it did thank you!

1 Like