Learn Basic CSS by Building a Cafe Menu - Step 17

Tell us what’s happening:

Describe your issue in detail here.
What’s the reason still get it wrong after create two meta on name and content?

Your code so far

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

<!-- User Editable Region -->

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

<!-- User Editable Region -->

  <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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.1 Safari/605.1.15

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 17

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

this should be in one meta tag

Thank you zaklina. I had put one meta tag. My answer that was show above: meta name=“viewport” meta content=“width=device-width, initial=initial-scale=1.0” all with open and lock

I pass the step 17. simply follow what it said. But unsure I wasn’t pass when enter the first time.

the instraction is:
Add the following within the head element:

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

do you see the diference?