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

The Odin Project
1

Tell us what’s happening:

Hey, I ran into an issue with the 14th step. I can’t figure out what’s wrong with the code. The html validator didn’t find any mistake either.

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://images.app.goo.gl/1pDy7pU2QpAmMHK46" alt="picture of a Creamy Chocolate Fudge">
    <h2>Description</h2>
      <p>I copied everything from <a href="https://www.allrecipes.com/recipe/15821/aunt-teens-creamy-chocolate-fudge/">here</a>.</p>
      <p>Store the fudge in an airtight container (with wax paper between layers) at room temperature for one to two weeks. There's no need to refrigerate fudge.</p>
      <p>To freeze fudge, wrap it tightly in wax paper, then wrap it again in aluminum foil. Place the foil-wrapped fudge in a freezer-safe container or wrap it in another layer of foil. Freeze for up to three months. Thaw in the refrigerator overnight.</p>
      <p>"I have made this fudge several times over the years and have followed the recipe to a tee every time and have gotten perfect results," raves jtrzcinski. "This fudge is so creamy and delicious, it is requested by family and friends every year."</p>
      <p>"I stuck to the recipe and it was wonderful," says Chris Simmons. "My only suggestion: Place nuts in the oven for a quick roast/toast before adding them. Toasting the walnuts releases a warmer nutty flavor and made the fudge even more amazing, and offset some of the sweetness."</p>
      <p>"This is super easy, but you have to watch it and stir constantly," according to marybeth bellardini. "I didn't make a single change and it comes out perfectly every single time. Definitely a keeper."</p>
    <h2>Ingredients</h2>
      <ul>
        <li>1 ½ cups white sugar</li>
        <li>1 (7 ounce) jar marshmallow creme</li>
        <li>2/3 cup evaporated milk</li>
        <li>1/4 cup butter</li>
        <li>1/4 teaspoon salt</li>
        <li>2 cups milk chocolate chips</li>
        <li>1 cup semisweet chocolate chips</li>
        <li>1/2 cup chopped nuts</li>
        <li>1 teaspoon vanilla extract</li>
      </ul>
    <h2>Steps</h2>
    <ol>
        <li>Gather all ingredients. Line an 8-inch square pan with aluminum foil; set aside.</li>
        <li>Combine sugar, marshmallow cream, evaporated milk, butter, and salt together in a large saucepan over medium heat; bring to a full boil and cook for 5 minutes, stirring constantly.</li>
        <li>Remove from heat and add milk chocolate chips and semisweet chocolate chips; stir until chocolate is melted and mixture is smooth. Stir in nuts and vanilla.</li>
        <li>Pour into prepared pan; chill in refrigerator for 2 hours, or until firm.</li>
      </ol>
    <h2>More Recipes</h2>
      <ul>
        <li><a href="#">Recipe 1</a></li>
        <li><a href="#">Recipe 2</a></li>
        <li><a href="#">Recipe 3</a></li>
        <li><a href="#">Recipe 4</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/134.0.0.0 Safari/537.36

Challenge Information:

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

2

The issue is that you have another anchor element here:

This appears to be causing the tests to fail, which is a flaw with the tests rather than with your code I think! (If you remove that anchor element, all tests pass).

1 Like
3

Thank you very much! This actually solved the problem

1 Like