Learn Basic CSS by Building a Cafe Menu - Step 17

HTML-CSS
1

Tell us what’s happening:

Cafe Menu not running.....

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/134.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 17

2

You have inserted a gap in the content attribute of your meta element. Close up the gap as per the example and it should pass.

3

Please 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!