Learn Typography by Building a Nutrition Label

HTML-CSS
1

Sorry, your code does not pass. You’re getting there.

You should have a span element around the text Protein 3g.

<div class="daily-value small-text">
      <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>
      <p class="double-indent no-divider">Includes 10g Added Sugars <span class="bold">20%</span></p>
      <div class="divider"></div>
      <p class="no-divider"><span class="bold">Protein</span>  3g</p>
      <div class="divider large"></div>
    </div>
2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

You should have a span element around the text Protein 3g.

Your span element is around the text Protein. You left out 3g.

4

You mean delete the text 3g?

5

No.
I meant putting the text Protein 3g inside a <span></span> element.
Or put all
<span class="bold">Protein</span> 3g
inside a new <span></span> element.

I don’t know exactly which one as you didn’t provide the link to the exercise.

6

I do it, bro. Thanks :ok_hand:

1 Like