Learn Basic CSS by Building a Cafe Menu - Step 20

Tell us what’s happening:

please how do i create an id attribute to value menu in the step 20 of my building a cafe menu

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

<div> id="menu" </div>  <body>
    <main>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 20

Hi there,

The div needs to be INSIDE the body and the ID attribute needs to be INSIDE the opening div tag if that helps…

HTML attributes should always be inside the opening tag of the element to which they apply, not between the opening and closing tag (as your attribute is).

Also, this div element should have the main element (and all elements within it) nested inside it. To achieve this, the opening div tag should come immediately below the opening body tag, and the closing div tag should come immediately above the closing body tag.

I still don’t get it i have input my opening

below the body opening tag and i nested the <id=“menu”> immediately after my div opening tag but it is still not going

no, the id goes in the opening tag of an element, not like that.
All attributes go in the opening tag: <elementName attribute="value">