Build a Recipe Page - Build a Recipe Page

Programming HTML-CSS
1

Tell us what’s happening:

  1. You should have a p element below your h1 element.

Your code so far

<!DOCTYPE html>
<html lang="en">
<html>
<body> 
  <head>
    <meta charset="UTF-8">
    <title>Pancakes</title>
    </head>
    </body>
      <h1>
        <p>Pancakes</p>
      <p>How to make pancakes?</p>
       <h2>Ingredients</h2>
       <body>
       <ul>
         <li>self raising flour</li>
       <li> eggs</li>
       <li>fruit</li>
       <li>milk</li>
       </ul>
       </body>
      <h2>Instructions</h2>
      <ol>
        <li>Sift the dry ingredients together.</li>
        <li>Make a well, then add the wet ingredients. Stir to combine.</li>
        <li>Scoop the batter onto a hot griddle or pan.</li>
        <li>Cook for two to three minutes, then flip.</li>
</ol>
      <img src= "https://www.simplyjillicious.com/wp-content/uploads/2019/07/best-gluten-free-pancakes-5.jpg" alt="picture of pancakes">
 </body> 
  </html>

Your browser information:

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

Challenge Information:

Build a Recipe Page - Build a Recipe Page
https://www.freecodecamp.org/learn/full-stack-developer/lab-recipe-page/build-a-recipe-page

2

Check your code, there’s a missing closing element somewhere.

happy coding.

4

Hey guys i need help with my code

  1. Your title element should have your recipe title
<!DOCTYPE html>
<html lang="en">
<head> 
 <meta charset="UTF-8"
 <title>Homemade Muffins Recipe</title>
</head>
  <body>
    <h1>Homemade Muffins Recipe</h1>
    <p>Welcome to the best guide to making     classic homemade muffins!These homemade muffins are soft,moist,and incredibly easy to make with simple pantry ingredients.Whether you are a beginner or experienced baker,this no-fuss recipe delivers delicious results <strong>everytime</strong>.</p>
<img src="https://www.photos-public-domain.com/wp-content/uploads/2012/04/muffins-cooling-on-rack.jpg"
     alt="Muffins cooling on rack"
     style="width:70%;">
<h2>Ingredients</h2>
<ul>
  <li>2 cups <strong>all-purpose flour</strong></li>
  <li>1 table spoon of <strong>baking powder</strong></li>
  <li>½ tea spoon of <strong>salt</strong></li>
  <li>½-1 tea spoon of <strong>cinnamon</strong>(optional)</li>
  <li>1 cup of <strong>milk</strong> or buttermilk</li>
  <li>½ cup of <strong>granulated sugar</strong>(adjust to taste)</li>
 <li>½ cup <strong> brown sugar</strong>(adds moisture and flavour)</li>
 <li>1/3 cup of <strong>vegetable oil or melted butter</strong></li>
 <li>2 <strong>larger eggs</strong></li>
 <li>½ tea spoon of <strong>vanilla extract</strong></li>
 </ul>
<h2>Instructions</h2>
 <ol>
   <li>Preheat oven to 190°C and line a muffin tin with paper liners or grease it slightly</li>
   <li>Mix dry ingredients in a large bwol,whisk together flour,baking powder,salt and cinnamon.</li>
   <li>Mix wet ingredients in another bowl,whisk together milk,sugar,oil(or butter),eggs, and vanilla.</li>
   <li>Pour the wet ingredients into the dry.Stir gently with a spatula until <em>just combined</em>(a few lumps are okay).Fold in your chosen mix-ins(if using).Don't overmix!</li>
   <li>Divide the better evenly into the muffin tin(fill about¾ full).</li>
   <li>Bake for <strong>18-22 minutes</strong>,or until a toothpick inserted in the centre comes out clean.Let muffins cool in the pan for 5 minutes,then transfer to a wire rack.</li>
  </body>
</html>
6

create your own topic to ask your question

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Get Help > Ask for Help button located on the challenge.

image
image493×196 5.09 KB

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.