Learn Basic CSS by Building a Cafe Menu - Step 17

HTML-CSS
1

Tell us what’s happening:

It tells me to use two meta elements, i have but it still isn’t taking my code. idk what’s wrong with my code.

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/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 17

2

You need to add a meta tag from the lesson

1 Like
3

Hello @lennuasmind !

Good attempt!

Try adding the meta name with its value of “viewport” to the same meta element tag as the content. Place it before the content and see if that works for you.

I had a bit of difficulty with this one myself. Thus, my suggestion is out of experience of my misunderstanding the instructions a bit.

Happy coding! :sun_with_face:

3 Likes
4

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