Learn Basic CSS by Building a Cafe Menu - Step 20

Tell us what’s happening:

I don’t know how to do it, help please. CSS is hard

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>

<!-- User Editable Region -->

  <body>
    <div>
      <id="menu">
      <main>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
    </div>
  </body>

<!-- User Editable Region -->

</html>
/* file: styles.css */
body {
  background-color: burlywood;
}

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

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 20

You’re almost correct but HTML attributes always go inside the opening tag of their corresponding element. Remove the angle brackets (<>) from around the attribute and move the id attribute inside the opening div tag.

Keep in mind, it helps us help you if you talk about how the instructions are hard to understand. Also, communication is a critical job-ready programming skill

1 Like

it passed thank you so much!

1 Like