Aprenda tipografia criando um rótulo nutricional - Passo 7

1

O código me parece correto, porém só recebo mensagem de erro. Help me, please.

Teste

Desculpe, seu código não passou nos testes. Você está chegando lá.

Dica

Os elementos h1 e p devem estar dentro do elemento .label.

  **Seu código até o momento**

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Nutrition Label</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800" rel="stylesheet">
  <link href="./styles.css" rel="stylesheet">
</head>
<body>
  **<div class="label">**
**    <h1>Nutricion Facts</h1>**
**    <p>8 servings per container</p>**
**  </div>**

  <p>Serving size 2/3 cup (55g)</p>
</body>
</html>

/* file: styles.css */
html {
font-size: 16px;
}

body {
font-family: 'Open Sans', sans-serif;
}

.label {
border: 1px solid blue;
}

  **Informações de seu navegador:**

Agente de usuário: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Desafio: Aprenda tipografia criando um rótulo nutricional - Passo 7

Link para o desafio:

2

Você precisa colocar todos os elementos p e h1, no caso faltou o segundo elemento p. :slight_smile:

1 Like
3

Oi, @Golleon! Boas-vindas ao fórum do freeCodeCamp. A resposta do @weslleyend já aponta para a primeira questão. Ficou faltando um dos elementos p dentro da div. Há, no entanto, um segundo problema, e não está relacionado ao código. Os testes precisam que os textos dentro do elemento h1 e dos dois elementos p sejam exatamente iguais aos textos solicitados. Há um erro em um dos textos, de acordo com o seu código. Consegue identificar? Conserte as duas questões, faça o teste e nos relate se deu certo! Bons estudos! :smiley:

1 Like