Learn Basic CSS by Building a Cafe Menu - Step 17

HTML-CSS
1

Tell us what’s happening:
my code is having meta elements for twice but the error is still showing.

Your code so far

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

<!-- User Editable Region -->

  <head>
    <meta charset="utf-8" />
    <meta name="viewport" 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36

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

Link to the challenge:

2

image
move the quote

2 Likes
3

Hello!

The second meta has the closing " for the content in the wrong place.
It should be at the end

1 Like
4

yes, i have corrected this now.But the error is still showing"you should have two meta elements"

5

I suggest resetting and trying it again

1 Like
6

Can you please share your code again

8

Delete the quote after “width” and put the whole code in one line (probably you have clicked on enter button after the comma (before the initial-scale=1.0 . The closing quote goes after the initial-scale=1.0)

2 Likes
9

I think you have an extra space preventing a pass…

try putting it all on one line
<meta name="viewport" content="width=device-width",
extra space is here initial-scale=1.0 />

2 Likes
10

yes i have corrected it once more.
thanks for the guidance

4 Likes
12

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