Learn HTML Foundations by Building a Recipe Page - Build a Recipe Page Project

The Odin Project
1

Tell us what’s happening:

Says I do not have a title in the head element which I do. Also says i need an

    with the ingredients listed which I also have. I checked my code with w3c markup validation and it says there are no errors in my code. And says you can not put the value=“#” on the

    Your code so far

    <!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <title> The Odin Recipes </title> 
    </head>

<body>
 <h1> Creamy Chocolate Fudge </h1>
  <p> this is a page for different recipes. </p>
   <img alt="creamy chocolate fudge" src="https://www.thekitchenwhisperer.net/wp-content/uploads/2016/11/Easy-Ultimate-Fudge2.jpg">

<h2> Description </h2>
 <p> Delicious creamy fudge. </p>

<h2> Ingredients </h2>
 <p> list of the ingredients needed. </p>
  <ul>
   <li> Suagr </li>
   <li> Coco </li>
   <li> Vanilla </li>
   <li> butter </li> </ul>

<h2> Steps </h2>
 <p> here are the steps needed to complete the recipe. </p>
  <ol>
   <li> add ingredients into a mixing bowl </li>
   <li> mix for 1 minute with hand mixer </li>
   <li> put in baking pan in oven on 350degrees </li>
   <li> cook until done </li> </ol>

<h2> More Recipes </h2>
<ul>
 <li> <a href="https://www.allrecipes.com/recipe/10813/best-chocolate-chip-cookies/">Click Here </a> </li>
 <li> <a href="https://www.allrecipes.com/recipe/15987/moms-best-peanut-brittle/" >Click Here </a> </li> </ul>
</body>
</html>

    /* file: styles.css */

    Your browser information:

    User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36 Edg/143.0.0.0

    Challenge Information:

    Learn HTML Foundations by Building a Recipe Page - Build a Recipe Page Project

2

Take a look at Tips under “Definition and Usage”.

\# is not a valid link so there could be warnings, but the lab doesn’t care about that for now. If you wanna pass the lab, use “Run the Tests (Ctrl + Enter)” and try to fix whatever’s failing in the test results.