Error keeps popping up saying my code should have 2 meta elements . not sure what im doing wrong

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head> 
  <meta name="viewport" content="width=device-width,"
  <meta charset="utf-8" />
  <title>Cafe Menu</title>
  <link href="styles.css" rel="stylesheet" type="text/css" />
</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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/17.0 Chrome/96.0.4664.104 Safari/537.36

Challenge: Step 18

Link to the challenge:

HI @IW433 !

Welcome to the forum!

It looks like you copied the meta incorrectly because you are missing portions of it here

I would use Ctrl+C to copy the entire tag.

You can also look at the docs, for code examples

Hope that helps!

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