Learn Basic CSS by Building a Cafe Menu - Step 20

HTML-CSS
1

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

2

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…

3

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.

4

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

5

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

7

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.