Learn Basic CSS by Building a Cafe Menu - Step 17

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

Your code so far

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

<!-- User Editable Region -->

  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <link href="styles.css" rel="stylesheet"/>
    <meta name="viewpoint" content="width"></meta>
    <meta name="viewpoint" content="width"></meta>
  </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/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

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

Link to the challenge:

1 Like

You have to add the given <meta> tag from the question as it is in your code. You have added two <meta> tags with the same content.
Insert the <meta> tag given in the question. Your code should have two meta tags, one which is prewritten in the code and the other you have to add as given in the question.
Hope this helps!

3 Likes

Good job! Like previously stated you have 2 ‘meta’ tags that are the same, 1 of those needs to be deleted. You do not close ‘meta’ tags, pleases delete the closing ‘/meta’ tag. Then change ‘viewpoint’ to ‘viewport’ and in ‘content=’ complete the rest of it like this, ‘content=“width=device-width, initial-scale=1.0”’. Good luck!

2 Likes

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