Learn Basic CSS by Building a Cafe Menu - Step 4

what did i do wrong?

<!DOCTYPE html>
<html lang="en">

<!-- User Editable Region -->

  <head>
  <body>
   <meta charset="UTF-8">
   <title>Cafe Menu</title>
  </body>
  </head>

<!-- User Editable Region -->

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 4

Link to the challenge:

Hi there and welcome to our community!

HTML documents have a head and body element.
The head contains metadata about the document, such as configuration and links to stylesheets.
The body contains all of the page content (i.e. that which is visible to the user).

The body should go below the head (i.e. after the closing tag of the head element).