Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

You should have an ordered list element below your second h2 element.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>recipe on how to make tuna </title>
    <meta charset="UTF-8"></head>
  <body><h1>how to make tuna</h1><p>tunafish, onions paprica </p><h2>Ingredients </h2>
  <ul>
  <li>tuna</li>
  <li>fish</li>
  <li>onions</li>
  <li>paprica</li>
  </ul>
  <h2>Instructions<h2>
  <ol>
      <li>Place diced pineapple, ice cream, milk, and cinnamon into a blender or food processor.</li>
      <li>Cover and blend until smooth.</li>
      <li>Ice cream can be substituted for frozen yogurt</li>
      <li>Use milk variety of choice, or ice water for more of a juice texture.</li>
    </ol>
    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field."></img>
  </body>
</html>

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

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

first suggestion, format your document using Shift+Alt+F

then look at your h2, make sure everything is fine there

1 Like