Build a Recipe Page

HTML-CSS
1

Hello, can somebody help me figure it out why I can get those ticked?

image
image482Ă—560 41.1 KB

My code:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Brigadeiro</title>
  </head>
  <body>
    <h1>Receita de Brigadeiro</h1>
    <p>Um famoso doce tradicional do Brasil</p>
    <h2>Ingredients</h2>
    <ul>
      <li>Leite Condensado</li>
      <li>Cacau</li>
      <li>Manteiga</li>
      <li>Creme de Leite</li>
    </ul>
    <h2>Instructions</h2>
    <ol>
      <li>Em uma panela no fogao desligado, adicionar todos os ingredientes;</li>
      <li>Depois dos ingredientes misturados, ligar o fogao em fogo medio;</li>
      <li>depois dos ingredientes serem dissolvidos adicionar o creme de leite;</li>
      <li>Quando o brigadeiro comecar a desgrudar do fundo da panela estara pronto.</li>
    </ol>
      <img src="https://panelinhagrill.com.br/wp-content/uploads/2025/02/Brigadeiro-Gourmet-perfeito-veja-como-fazer-esse-brigadeiro.webp" alt="Brigadeiros">
  </body>
2

You’re missing the closing tag of the <html> element.

3

Thank you so much I didn’t know it needed it :astonished_face:

4

The way the tests let you know something is wrong can be confusing sometimes. The “you should have” can read like it’s saying that you don’t have the html element, when that isn’t really what the problem is. You have the html element, it’s just not quite coded correctly. I’m not knocking freeCodeCamp for this; it’s impossible to write instructions that are clear for everyone.

I’ve found that often it’s better to focus more in the general area of the problem than the specific. For example, instead of focusing on whether you have the html element with lang, just understand that something is wrong with your html element, but don’t get too wrapped up in what the review is singling out about it.

I hope this makes sense and did not cause more confusion. Happy coding!

1 Like