Learn Basic CSS by Building a Cafe Menu - Step 17

Tell us what’s happening:
Unsure if i am puting the meta element the right way…i have also tried doing the whole meta tag as it is shown in the example of the lesson on its own tag.
The tester said I needed two meta tags.
Any clues that might point me the right way?
On the meantime I’ll be working on it.
Thanks in advance

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <link href="styles.css" rel="stylesheet"/>
  </head>
  <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 (Linux; Android 10; LM-Q730) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Mobile Safari/537.36

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

Link to the challenge:

The head and the meta elements are two separate things.
Please reset the code and this time add the meta element (not attribute).