Tell us what’s happening:
Something is wrong with html element, head element and body element and i can’t figure it out. Please help.
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<title>Perfect pancakes!</title>
<meta charset="UTF-8">
</head>
<body>
<h1>How to make the perfect pancakes</h1>
<p>This recipe is for 8 pancakes.</p>
<h2>Ingredients</h2>
<ul>
<li>3 eggs</li>
<li>80g of flour</li>
<li>50ml of milk</li>
<li>a pinch of sugar</li>
<li>a pinch of salt</li>
</ul>
<h2>Instructions</h2>
<ol>
<li>Separate egg white from yolk.</li>
<li>Mix egg white till you get snow.</li>
<li>Mix milk and flour with the yolk and add salt and suger.</li>
<li>Put the snow into batter, mix it and put it into a pan with oil.</li>
<li>Flip the pancake when its nice brown. Your pancakes are made. Bon Apettite!</li>
<img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="Perfect pancakes">
</body>
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