Learn Basic CSS by Building a Cafe Menu - Step 18

Tell us what’s happening:
Describe your issue in detail here. says code should have two meta elements are they’re both listed under the head elements already
anyone knows how to move on

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-didth,
    <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 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.1 Safari/605.1.15

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

Link to the challenge:

that doesn’t look correct.
Compare against the exercise requirements…