Design a Cafe Menu - Step 20

HTML-CSS
1

Tell us what’s happening:

  1. You should move all the other elements inside the new div.

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">
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <section>
        <h2>Coffee</h2>
      </section>
    </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 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Safari/537.36

Challenge Information:

Design a Cafe Menu - Step 20
https://www.freecodecamp.org/learn/full-stack-developer/workshop-cafe-menu/step-20

1 Like
2

Hi. You have deleted an element (overwrote it with <div>)
Please reset, and nest all(!) the elements inside the <body> to the <div>.

1 Like
3

reset the lesson and add div below the body element, you shouldn’t delete the main element but have to keep in the div itself

4

I’m having the same error as Winter on this part was well

image
image355×269 10.3 KB

have I done something wrong here?

5

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

image
image622×306 7.96 KB

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

6

sorry, I’ve already made my own post for this but the answer I got wasn’t what I needed

plus I also thought that by getting my question answered here, it may help the OP as they were having a similar problem to me

1 Like
7

next time I’ll make sure not to do this again :+1:

1 Like
8

That’s understandable, but it just gets too complicated to discuss two people’s problems in the same thread. If the OP makes a change and is still working on the problem and you make a different change then it quickly becomes two different troubleshooting tracks.

Basically each step/learner pair should be a unique thread to keep things manageable.

9

yea that makes sense

I only recently started using this website so I’m still learning the etiquettes for the forums, so thanks for correcting me here

1 Like