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

The Odin Project
1

Tell us what’s happening:

What is the issue with this? Console says:
// running tests
13. You should have an unordered list

    element with list items
  • that contain tags which lead to other recipes.
    14. Your anchor tags linking to the recipes should have an href attribute with the value set to #.
    // tests completed

    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://media.istockphoto.com/id/525119777/photo/homemade-dark-chocolate-fudge.jpg?s=612x612&w=0&k=20&c=zBl8018D9jbJPwxh__c9nrL4McTI9SiflJcqtaKxspk="
        alt="Image of Creamy Chocolate Fudge">
    <h2>Description</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum aliquid, nobis id vero odio culpa impedit mollitia
        totam, officia animi aut.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum aliquid, nobis id vero odio culpa impedit mollitia
        totam, officia animi aut.</p>
    <h2>Ingredients</h2>
    <ul>
        <li>Ingredient 1</li>
        <li>Ingredient 2</li>
        <li>Ingredient 3</li>
        <li>Ingredient 4</li>
    </ul>
    <h2>Steps</h2>
    <ol>
        <li>Step 1</li>
        <li>Step 2</li>
        <li>Step 3</li>
        <li>Step 4 <a href="https://www.indianhealthyrecipes.com/chocolate-cake-recipe/"><a /></li>

    </ol>
    <h2>More Recipes</h2>
    <ul>
        <li><a href="https://www.allrecipes.com/recipe/17981/one-bowl-chocolate-cake-iii/"></a></li>
        <li><a href="https://www.recipetineats.com/chocolate-cake/"></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/129.0.0.0 Safari/537.36

    Challenge Information:

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

2

looks like you have some syntax issues. You can find them with the help of an html validator like this one:

1 Like
3

Thank you! I just discovered about html validator. It is helpful.

1 Like