Build a Recipe Page - line error

HTML-CSS
1

Tell us what’s happening:

I have 44 lines of code and received error on line 21. Line 41 is where the img element is located. Not sure why the error is on line 21?

Broccoli & Cheddar Soup Recipe

Broccoli & Cheddar Soup Recipe

Everyone loves Broccoli & Cheddar Soup online!

Ingredients below:

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
     <title>Broccoli & Cheddar Soup Recipe</title>
<meta charset = "utf-8">  
  </head>
  <body>
    <main>
       <h1> Broccoli & Cheddar Soup Recipe </h1> 
     <p>Everyone loves <a href= "https://cdn.freecodecamp.org/curriculum/labs/receipe.jpg">Broccoli & Cheddar Soup </a>online!</p> 
<p>Ingredients below:</p>

        <h2>Ingredients</h2>

        <ul>
          <li>2 Cups Broccoli</li>
          <li>1/2 cup onions</li>
          <li>4 garlic cloves</li>
<li>2 Cups chicken broth</li>
<li> 2 tablespoon cornstarch</li>
          <li>1/2 cup shredded carrots</li>
<li>2 cups of heavy cream</li>
          <li>2 cups Cheddar cheese</li>
<li>1 teaspoon paprika</li>
          <li>salt & pepper to taste</li>
          <li>dash of Curry powder</li>    

        </ul>
</section>
      <section>
        <h2>Instructions</h2>

<ol>
          <li>Medium size pot add onions, garlic to brown on medium heat</li>
          <li>Add chicken broth and cornstarch stir to thicken</li>
          <li>Add broccoli, carrots & heavy cream</li>
<li>Add cheese and all seasonings</li>
<li>Simmer covered for 10 minutes medium heat and turn off for remaining 5 minutes then ready to serve.</li>
        </ol>
               <a href="https://freecatphotoapp.com">
<img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg” alt="A hot bowl of broccoli & cheddar soup on a kitchen table."></a>
    </footer>
  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

When you see

  1. All your img elements should have an alt attribute to describe the image.

the 21 is the test number not the line number

check your img element, note that curly quotes like ” are not valid quote characters to use around attribute values

1 Like
3

Wow!!! If you don’t have an Eagle eye! Yep; That was the problem. Thank you so much!