Learn Basic CSS by Building a Cafe Menu - Step 20

Tell us what’s happening:

i have added the div in body element but it is not working the format is correct but iam not sure what is wrong with that

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>
      <header>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
      </header>
      <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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 20

Welcome to the forum @sgundet3

Here is a comparison of the original code and your code.

The code in blue is the original code, the code in red is your code.
The code in magenta is the overlap.

The inserted the header element, which the instructions did not ask you to do.
Please reset the step to restore the seed code and try again.

Happy coding