Tell us what’s happening:
says i should have an unordered list under my first h2 element, my second h2 element should have the text “instructions”, and i should have an ordered list element below my second h2 element
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<title><meta charset="utf-8">Cheddar Cream Sauce</title>
</head>
<body>
<h1>Cheddar Cream Sauce</h1>
<p>How to make a cheddar cream sauce.</p>
<h2>Ingredients<h2>
<ul>
<li>Heavy Cream</li>
<li>Garlic Powder</li>
<li>Onion Powder</li>
<li>White Pepper</li>
<li>Kosher Salt</li>
<li>Corn Starch</li>
<li>Water</li>
<li>Cheddar Cheese</li>
</ul>
<h2>Instructions</h2>
<ol>
<li>Add cream to a pot large enough to hold it with plenty of room to allow expansion when boiling</li>
<li>Add seasonings except salt to taste</li>
<li>Bring seasoned team to a boil</li>
<li>Mix corn starch with water to make a slurry with the consistancy of milk</li>
<li>Add slurry to boiling cream, and stir till thickened</li>
<li>Turn off the heat, add cheddar cheese and stir till fully melted and mixed into cream</li>
<li>Season to taste with salt</li>
<img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg"alt="image of cheddar cream sauce">
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/147.0.0.0 Safari/537.36
Challenge Information:
Build a Recipe Page - Build a Recipe Page