Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

I don’t know what it means by “5. Your title element should have your recipe title.” I have tried putting different characters in there but to no avail.

Your code so far

<!DOCTYPE html>
<body>
<html lang= "en">
<head>
<meta charset="utf-8"
<title>My Recipe Title</title>
</head>
</body>
<body>
  <main>
    <h1>My Mediocre Mug Cake Recipe</h1>
    <p>Here is my (okay) recipe for a mug cake that is baked in the microwave.<p>
      <section>
      <h2>Ingredients</h2>
<ul>
  <li>Flour</li>
  <li>Cocoa Powder</li>
  <li>Baking Powder</li>
  <li>Sugar</li>
  <li>Salt (optional)</li>
  <li>Milk</li>
  <li>Oil</li>
  <li>Measuring cups and spoons</li>
  </ul>
  <h2> Instructions </h2>
  <ol>
    <li>Measure 1/4 cup of flour</li>
       <li>2 TBSP cocoa powder</li>
       <li>1/4 TSP baking powder</li>
      <li>2 TBSP sugar</li>
      <li>an optional dash of salt and mix in a bowl.</li>
      </ol>
    <img src = "https://alwayseatdessert.com/wp-content/uploads/2022/05/Mixing-Methods-in-Baking.jpg" alt="A bowl with dry ingredients mixed together"/>

    </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 Edg/132.0.0.0

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

Hi. You need a closing tag on your meta element just above the title.

1 Like