Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

Please can someone please tell me wat is wrong with my code

Your code so far

<!DOCTYPE html>
<html lang="en"/>
  <head>
     <title>Fluffy buttermilk pancakes </title>
     <meta charset="UTF-8">
  </head>
  <body>
  </body>
  <h1>Fluffy buttermilk pancakes</h1>
  <p>Fluffy buttermilk pancakes are a delicious breakfast classic known for their light texture and rich flavor</p>
  <h2>ingredients</h2>
<ul> 
   <li>All purpose flour</li>
   <li>buttermilk</li>
   <li>sugar</li>
   <li>eggs</li>
   <li>butter </li>
   <li>salt</li>
   <li>baking powder</li>
   <li>baking soda</li>
   <li>melted butter</li>
</ul> 
<h2>instructions</h2>
<ol>
    <li>Mix Wet Stuff
       In a bowl, mix buttermilk, egg, and melted butter.</li>
    <li>Mix Dry Stuff
       In another bowl, stir flour, sugar, baking powder, baking soda, and salt.</li>
    <li>Join Both
       Pour wet stuff into dry stuff. Stir gently. Don't overmix—it's okay if it's lumpy.</li>
    <li>Heat Pan
       Use a pan or griddle. Heat on medium. Add a little butter or oil.</li>
     <li>Scoop batter onto pan. When bubbles show and edges look dry, flip. Cook other side.</li>
<img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="some eggs and milk on the table">

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Mobile Safari/537.36

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

At quick glance, you have some elements out of order.

Right now you have this empty body element

but your core content like headings, lists, etc need to be inside the body tags.

So I would suggest starting there to clean up your HTML structure. If you need help with that, you can also re review the lectures that showed the correct structure.

once you fix those issues, then you will be able to better tackle the failing tests.

hope that helps