Learn Basic CSS by Building a Cafe Menu - Step 17

Tell us what’s happening:
Describe your issue in detail here.
I don’t know what’s wrong with my code it says I need two. meta elements ive added two and it still wont mark it correct, I tried one on its own in different positions and two so im unsure where its going wrong
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<!-- User Editable Region -->

    <meta name="viewport" content="width=device-width,
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <link href="styles.css" rel="stylesheet"/>
    <meta name="viewport" content="width=device-width,

<!-- User Editable Region -->

      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
/* 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_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.2 Safari/605.1.15

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

Link to the challenge:

i see 3 meta elements not 2.
The top line and bottom line are duplicates.
also both lines are missing the rest of the content attribute and the closing angled bracket.

Hi I tried it with the closing bracket with one of the duplicates and it still didn’t work that’s why I put two instead of one to see if it would work

im confused on what the content attribute is as it told me to write exactly that

actually it told you to write this:

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

(so your version is not complete)

On my screen didn’t have the initial-scale=1.0"> it stopped after the “,” so that must be what’s wrong

you have to scroll to the right to see the whole thing
(or use your mouse to copy and make sure you scroll the mouse to the far right as you copy)