Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

I am trying to build the recipe page. I am stuck between being prompted to change from an ordered to an unordered list in <h2> and back again.

Your code so far

<!DOCTYPE html>
<html lang="en">
<head> <meta charset="UTF-8"><title>pancake</title> </meta> </head>
<body>
<h1> pancake </h1>
<p> Introduction to recipe</>
<h2> Ingredients</h2>
<ul>
 <li>2 eggs </li>
 <li>1C flour</li>
 <li>1 Cup milk</li> 
 <li>5 TB sugar</li>
</ul>
<h2>Instructions<h2> 
<ol>
<li>Measure flour</li>
<li>Add eggs</li> 
<li>Add milk & sugar</li> 
<li>Mix & bake</li>
</ol>
<img src= https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg alt=</img>  </body> </html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:144.0) Gecko/20100101 Firefox/144.0

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

are you sure this line has no issues?

3

Or that this one has no issues?

4

check for any syntax errors

5

You have several unclosed or misused tags — one heading tag isn’t closed properly, one paragraph tag is invalid, and your image tag is written incorrectly.

6

If you are still having issues with this, you can use this HTML validator to check your code: