Construir una Tarjeta de Nutrición Paso 43

Buen día me marca error en algo muy simple, pide que envuelva el texto dentro del Primer Span, ya está hecho pero sigue marcando error y ya lo probé en otros navegadores y sigue marcando error, si me pueden apoyar, pongo el código gracias.

Paso 43

Después de su último elemento .divider, cree un elemento p y asígnele el texto Total Fat 8g 10%. Wrap the text Total Fat in a span element with the class of bold. Wrap the text 10% in another span element with the class of bold. Por último, anide el elemento span Total Fat y el texto 8g en un elemento span adicional para alineamiento.

CÓDIGO:

<div class="daily-value small-text">
      <p class="bold right">% Daily Value *</p>
      <div class="divider"></div>
        <p>
           <span class="bold">Total Fat</span><span>8g</span><span class="bold right">10%</span>
        </p>
    </div>

ERROR:

Tu primer elemento span debe envolver el texto Total Fat .

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

I find this step to be very convoluted. I’m not surprised you didn’t understand it.

Here is the basic structure. I added the 8g text to show the space needed.

<p>
 <span>
   <span></span> 8g
 </span>
 <span></span>
</p>
3 Likes

Me paso lo mismo, estuve probando de diferentes maneras, pero al final lo descubrí viendo el código fuente del proyecto objetivo (en el paso 1)

el código es el siguiente:

<p><span><span class="bold">Total Fat</span> 8g</span> <span class="bold">10%</span></p>
3 Likes

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.