Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

The console does not recognize that I have a p element under my h1 element. I’ve tried rewriting my entire p and h1 element and repositioned them to proper indentations and nesting. I’ve doublechecked that its nested properly within a body element and sectioned off from the second half of the project. Any hints would be appreciated.

Your code so far

<!DOCTYPE html>
  <html lang="en">
    <head>
      <meta charset="UTF-8"/> 
      <title> Nebula Salmon Teriyaki </title>
    </head>
      <body>
        <p>Final Fantasy Cookbook</p>
      </body>
  </html>    
  <section>
    <body>
        <h1>Nebula Salmon Teriyaki</h1>   
          <p>If I were to mention the top list of games in which culinary motifers were treated with closer attention, then Final Fantasy XV would definately be the leader. Not only the dishes in the game look so appetizing that you would like to eat your screen, but they are also accompanied by interesting mechanics related to the skill of cooking one of our companions (named Ignis) specializes in. In this post I will show you a recipe for a simple but delicious teriyaki fish, according to the game. To make it according to the recipe, you need to get two ingredients:Nebula Salmon Fillet and Hulldagh Nutmeg. Let's say that in real life we will replace it with ordinary Norwegian salmon and nutmeg. We've added homemade teriyai marinade with a sweet and sour aftertaste which takes on a smoky aroma after grilling.</p>
    </body>
  </section>
  <section>
    <body>    
      <h2> Ingredients </h2>
        <ul>
          <li>salmon fillet – 200g</li>
          <li>fresh ginger – 1 tsp</li>
          <li>garlic – 2 cloves</li>
          <li>soy sauce – 4 tbsp</li>
          <li>sesame oil – 1 tbsp</li>
          <li>cane sugar – 1 tbsp</li>
          <li>honey – 1 tbsp</li>
          <li>nutmeg – pinch</li>
          <li>rice wine or sake – 1 tbsp (optional)</li>
        </ul>
      <h2> Instructions </h2>
        <ol>
          <li>In a saucepan, mix all the marinade ingredients (peel ginger and garlic and grind on the smallest grater mesh), cook on medium heat, bring to a boil and put away from heat, cool.</li>
          <li>Wash the fish under running water, dry it with a paper towel, cut it crosswise into 4-5cm wide strips and check with your hand whether the fillet has any bones left. Place the prepared pieces of fish in a cooled marinade, mix and leave in the fridge for 20 minutes.</li> 
          <li>Pull the fish out of the fridge half an hour before frying. Warm up the grill pan and place on it pieces of fish drained from the marinade, skin down. Fry for 3-4 minutes on one side, until the skin is browned, then turn and fry for another 3-4 minutes. Remove chunks of fish from the pan and place each one on separate sticks. Pour the remaining marinade into the pan and cook it for a moment, until it has a density of liquid honey. Transfer it to a small bowl and use it as a dipping sauce. You can also grill the fish.</li>
          <li>Take sticks in your hands and enojy the company of your friends with this delicious food</li>
        </ol>
      <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="3 eggs, milk, flour and a whisk">          
    </body>    
  </section>

Your browser information:

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

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

your html does not appear to be valid.
For eg, you have more than one body element.

If you don’t know how to find these types of errors yourself, you can try using an online html validator to help you.

Paste your code into it and fix any errors it mentions to you until you have corrected all the mistakes.

1 Like
3

Hi, please compare this code with your code

code removed by moderator
4

hi @Ndeye1000

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge. How to Help Someone with Their Code Using the Socratic Method

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

1 Like