Aprende tipografía construyendo una etiqueta de nutrición - Paso 60

Español HTML-CSS
1

Cuéntanos qué está pasando:
Hola, Buenas tardes. Necesito ayuda, me da el error de que mi etiqueta p debe tener el texto “Includes 10g Added Sugars 20%” pero ya esta incluido en mi codigo.
Espero puedan ayudarme, Gracias!

Como podran observar:

  <p class="bold right no-divider">% Daily Value *</p>
  <div class="divider"></div>
  <p><span><span class="bold">Total Fat</span> 8g</span> <span class="bold">10%</span></p>
  <p class="indent no-divider">Saturated Fat 1g <span class="bold">5%</span></p>
  <div class="divider"></div>
  <p class="indent no-divider"><span><i>Trans</i> Fat 0g</span></p>
  <div class="divider"></div>
  <p><span><span class="bold">Cholesterol</span> 0mg</span> <span class="bold">0%</span></p>
  <p><span><span class="bold">Sodium</span> 160mg</span> <span class="bold">7%</span></p>
  <p><span><span class="bold">Total Carbohydrate</span> 37g</span> <span class="bold">13%</span></p>
  <p class="indent no-divider">Dietary Fiber 4g</p>
  <div class="divider"></div>
  <p class="indent no-divider">Total Sugars 12g</p>
  <div class="divider double-indent"></div>
</div>
  <p class="double-indent no-divider">Includes 10g Added Sugars <span class="bold right">20%</span></p>



**Información de tu navegador:**

El agente de usuario es: <code>Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36</code>

**Challenge:** Aprende tipografía construyendo una etiqueta de nutrición - Paso 60

**Enlaza al desafío:**
https://www.freecodecamp.org/espanol/learn/2022/responsive-web-design/learn-typography-by-building-a-nutrition-label/step-60
2

Hola @Supnueve !

El código de tu nuevo párrafo y sus respectivos atributos se ve muy bien y no observo errores.

Creo que para superar el ejercicio estaría faltando escribir debajo de este nuevo párrafo el elemento <div></div> con la clase 'divider'.

Proba agregarlo si no lo habías hecho antes y cualquier cosa nos comentas.

Saludos!

3

freee
freee1128×650 183 KB

lamentablemente sigue dandome el mismo error :frowning:

4

Proba mover por favor el párrafo y el div encima de la etiqueta de cierre </div> que se ve en esta captura que enviaste y que queden por debajo de la linea:

<div class="divider double-indent"></div>
5

Lo he intentando y al hacerlo me da este error:

Debe crear un nuevo elemento p y div al final de su elemento .daily-value

quizas se bugeo la pagina o algo por el estilo, veré si hay una manera de contactar con freeCodeCamp para poder seguir estudiando salteando esta clase o dandola por aprobada.

Una vez más. gracias por haber respondido!

6

la solucion: (etiqueta p con doble sangria y etiqueta span con clase bold en 20% /// al final otro divisor etiqueta div con clase divider)

<p class="double-indent no-divider">Includes 10g Added Sugars <span class="bold">20%</span></p>
      <div class="divider"></div>
2 Likes
7

Síiiiiiii!!! Sí funcionó así!! Efectivamente, lo único que en realidad tenía que ir con era la cantidad de 20%. Muchas gracias, Melissa!! :nerd_face: :clap: :+1:

8

Hola, tengo el mismo error pero no pasa con este código tampoco

9

Alza el código para ver cual es el error.