Learn Basic CSS by Building a Cafe Menu - Step 18

Tell us what’s happening:
Describe your issue in detail here.
I am copying and pasting yet it still won’t let me continue.

" Test

Sorry, your code does not pass. Hang in there.

Hint

Your meta element should have a name attribute with a value of viewport.
Your code so far"

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <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>
  <body>
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <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; rv:105.0) Gecko/20100101 Firefox/105.0

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

Link to the challenge:

Have you tried restart your your lesson?

You can try change your browser or do it on your mobile phone.

Sometimes there is issue with Mozilla that appears even if our code correct it would not let us pass.

I’ve tried your code and it works on my side.

1 Like
This worked for me.