Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

Hello! I am trying to figure our why it says my head, title, meta, and body elements aren’t within the html element. I am a bit confused as to why it is not working.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
 
<title>Recipe Page </title>
      <meta charset='UTF-8'>   

    <head>
      <body> 
        <h1> Chocolate Chip Cookies </h1>
        <p> Chocolate chip cookies are simple, delicious cookies. They are easy to make and should only take around 45 minutes for beginners. </p>
        <h2> Ingredients </h2>
        <ul>
          <li>milk
          <li>chocolate chips
          <li>sugar
          <li>butter
            <li> flour
            </ul>
<h2> Instructions</h2>
<ol>
  <li>First, mix the butter and the sugar in a bowl.
    <li> Next, take your flour and add it to the mixture.
      <li> After mixing your flour, sugar, and butter, add your milk into the mixture.
        <li> lastly, add your chocolate chips. you have made the batter!

    <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt='three eggs and a whisk'>
        </body>
</html>

Your browser information:

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

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

looks like you forgot the slash in the closing tag for head

1 Like
3

Please paste your code into this HTML validator and fix/check until it says your code is okay:

1 Like
4

A few friendly tips as you’re working through this: Watch your indentation, it helps keep your code readable and avoid structural bugs. Try keeping everything nicely nested inside the right elements. Looks like your <head> section might be off, take a closer look at how you open and close it :wink: