Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

My title element should have my recipe title.
But I have my recipe title.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8"
    <title>Chocolate Chip Cookies</title>
  </head>
  <body>
    <h1>Classic Chocolate Chip Cookies</h1>
    <p>A recipe</p>
    <h2>Ingredients</h2>
    <ul>
      <li>flour</li>
      <li>softened</li>
      <li>sugar</li>
      <li>chocolate chip</li>
    </ul>
    <h2>Instructions</h2>
    <ol>
      <li>Preheat oven to 175 Celsius.</li>
      <li>Mix flour,butter,and brown suger untilwell blended.</li>
      <li>Drop by spoofuls onto baking sheets.</li>
      <li>Bake for 10-12 minutes until golden brown.</li>
    </ol>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="A photo of eggs">
  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

The colors in the syntax highlighting are giving you a clue

1 Like