Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

It says I don’t have an ordered list and an unordered list, but I do have it

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="UTF-8">
  <title>recipe</title>
  </head>
  <body>
  <h1>recipe</h1>
  <p>The best recipe.</p>
  <h2>Ingredients</h2>
  <section>
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
    </ul>
  </section>
  <h2>Instructions</h2>
  <section>
    <ol>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
    </ol>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="eggs">
  </section> </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/140.0.0.0 Safari/537.36

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

is the ul directly below the h2 or is there something else too?

3

I think so here are the requirements they gave me

1. Your recipe page should have a !DOCTYPE html declaration.

  • Passed:2. You should have an html element with lang set to en.

  • Passed:3. You should have a head element within the html element.

  • Passed:4. You should have title element within your head element.

  • Passed:5. Your title element should have your recipe title.

  • Passed:6. You should have a meta element within your head element.

  • Passed:7. Your meta element should have its charset attribute set to UTF-8.

  • Passed:8. You should have a body element within your html element.

  • Passed:9. You should have an h1 element with the name of your recipe.

  • Passed:10. You should only have one h1 element.

  • Passed:11. You should have a p element below your h1 element.

  • Passed:12. Your first p element should describe your recipe.

  • Passed:13. Your first h2 element should have the text Ingredients.

  • Failed:14. You should have an unordered list element below your first h2 element.

  • Passed:15. You should have at least four list item elements in your unordered list with the ingredients.

  • Passed:16. Your second h2 element should have the text Instructions.

  • Failed:17. You should have an ordered list element below your second h2 element.

  • Passed:18. You should have at least four list item elements in your ordered list with the instructions.

  • Passed:19. You should have at least one img element.

  • Passed:20. All your img elements should have a valid src attribute and value.

  • Passed:21. All your img elements should have an alt attribute to describe the image.

4

I can see the requirements going to the challenge, you don’t need to post them here.

Let’s take a look at your code:

here I see a section below the h2, the h2 is inside the section, not directly below the h2

5

isnt the

  • 1
  • 2
  • 3
  • 4
inside the section not the h2? :slight_smile:

6

nevermind i just removed the section tags