Learn Basic CSS by Building a Cafe Menu - Step 4

Tell us what’s happening:
Describe your issue in detail here.
The Code doesn’t seem to work
Your code so far

<!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/113.0.0.0 Safari/537.36 Edg/113.0.1774.50

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

Link to the challenge:

Hello, your meta and title goes inside the head tag, and the body is supposed to be below the head.

Visit the attached link

Basic HTML5 Template: Use This HTML Boilerplate as a Starter for Any Web Dev Project (freecodecamp.org)