Design a cafe page

HTML-CSS
1 
hi. totally blind and using a screen reader. up to step 20 in the html and css design a cafe menu. now put the div and the id. says to cut and paste and move all my content. but it is not liking it. so what am i doing wrong? so where to stick the </div> and says that i need to stick all my content in there. can some one help me out and show me which spot i should put the content in. confused, and tried about 4 or 5 times. and read the info. so not liking it. can you help?
what stupid thing am i doing. as cannot see.
marvin.
ps: pasting my code below.
marvin.

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="Styles.css">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Cafe Menu</title>
</head>    
<body>
    <div id="menu">
<main>
<h1>CAMPER CAFE</h1>    
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
<section>

</section>
    </main>
</div>
</body>
</html>
Ps:: and says that i need to move all the content. but not sure where to put that. and not passing. says i am getting there. so need sighted help where to put the correct place for the </div>
2

You have actually added the div element correctly. The reason you are not passing this step is because you have an additional section element, which is not (yet) required.
Remove the empty section element which is directly before the closing main tag, and your code should pass.