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

The Odin Project
1

Tell us what’s happening:

Hello, step 13 is incorrect for me. I’m a beginner and I have no idea what I’m doing wrong. I’ve been trying to solve this for a long while (I figured out how to add the “#” value from another post and tried to recreate what they did), but HTML Validator doesn’t seem to detect anything wrong. Does anyone know how to fix this issue?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>The Odin Recipes</title>
</head>
<body>
<h1>Creamy Chocolate Fudge</h1>
<img src="https://bluebowlrecipes.com/wp-content/uploads/2022/05/5-ingredient-brownies-4063.jpg" alt="Picture of some delicious chocolate brownies">
<h2>Description</h2>
<p>Hello, here is a sample recipe for 0din's Creamy Chocolate Fudge.</p>
<p>Below will be a brief list of ingredients needed for the recipe.</p>
<h2>Ingredients</h2>
<ul>
  <li>Whole Milk</li>
  <li>Butter</li>
  <li>Eggs</li>
  <li>Cocoa powder</li>
  <li>Sugar</li>
</ul>
<ul>
  <li>chocolate bars</li>
  <li>peanuts/peanut butter</li>
  <li>nutella</li>
  <li>brown sugar</li>
</ul>
<h2>Steps</h2>
<h2>More Recipes</h2>
<p>You will find the step-by-step recipe below with detailed instructions and exact temperatures, but here's what you can expect from this fudge recipe:</p>

<ol>
  <li>Boil the milk, sugar, and cocoa powder together, then allow the mixture to simmer.</li>
  <li>Let the mixture cool, undisturbed.</li>
  <li>Mix in the butter and vanilla.</li>
  <li>Transfer the mixture to a pan, let cool, then cut into squares.</li>
</ol>

<h2>More Recipes</h2>
<ul>
  <li><a href="#">Apple Pie</a></li>
  <li><a href="#">Keylime Pie</a></li>
  <li><a href="#">Chicken Pot Pie</a></li>
  <li><a href="#">Pumpkin Pie</a></li>

</ul>

</body>
</html>

/* file: styles.css */

Your browser information:

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

Challenge Information:

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

2

Your code looks fine, but you are not following the directions in the User Stories. Please read through them again and compare to your code. Do you have extra elements? Are elements shown in the order asked?

3

I figured it out last night. For some reason, I had an extra “h2>More Recipes</h2” line. I deleted it and it went through and I passed the Recipe test. Thank you for the advice.

1 Like