Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

I have built my recipe but I don’t know where I went wrong, please help

Your code so far

<!Doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8"> 
    <title> DELICIOUS COOKIES</title>
</head>
<body>
     <h1>Chocolate Chip Cookies</h1>
     <p>Welcome to the ultimate guide for making mini chocolate chip cookies! These bite-sized treats are perfect for satisfying your sweet tooth without overindulging. Follow</p>
     <h2>Ingredients</h2>
     <ul>
       <list>1 cup softened</list>
       <list>1/2 teaspoon</list>
       <list>1/4 cup</list>
       <list>1/4 cur</list>
     </ul> 
     <h2>Instructions</h2>
     <ol>
       <list>Preheat </list>
       <list>In a bo</list>
       <list>Gradual</list>
       <list>dkdls</list>
     </ol>
     <img src="https://joyfoodsunshine.com/wp-content/uploads/2018/02/best-chocolate-chip-cookies-recipe-1.jpg" alt="cookies that has just been aked right from the oven">
     <p>hmmmm nice and sweet when you make one call me</p> 
     <h3> Thanks for reading now go make yours</h3>
</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

Welcome to the forum :wave:

What happens? Can you share any hints, errors or feedback you are getting?

3

thanks pkdvalis,

recipe
recipe1366×768 176 KB

that’s the report I am getting and I added two more list to each of them

4

Can you confirm that you are correctly using list item elements in an unordered list?

5

ptd
ptd1366×768 185 KB

6

Hi @bridgelinguahq

The element list does not exist in HTML. The list item element is a contracted form of the word "list".

Happy coding

7

You could do a search on the Internet or refer to this lesson:

https://www.freecodecamp.org/learn/full-stack-developer/workshop-cat-photo-app/step-23

8

The <list></list> needs to become <li></li>.

<li></li> means List Item. Similarly,<ul></ul> means Unordered List and
<ol></ol> means Ordered List. The <list></list> item doesn’t mean anything.