Nutrition Label Step 48

HTML-CSS
1

Error message is…
Your p element with the text % Daily Value * should have no-divider added to the class attribute. Do not remove the existing classes.
I don’t understand what i’m doing wrong.
Thanks
This is my code:

% Daily Value *

  <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>
2

Welcome to the forum @Salbutita

Your p element with the text % Daily Value * should have no-divider added to the class attribute. Do not remove the existing classes.

You also need to add the class to the following p element.

Happy coding

3

There was already ident class in p element to add no-divider i just have to had it beside ident class between " " ?

5

I cannot see any code.

So the forum can assist please post your full code.

Use the following method to post code to the forum:

  1. On a separate line type three back ticks.
  2. On a separate line paste your code.
  3. On the last line type three back ticks. Here is a single back tick `

Happy coding

1 Like
7

The error message is for the p element with the text % Daily Value *

Please post your full code.

8

I’m trying to post my code with the three back ticks. i hope it’s gonna work

   <div class="daily-value small-text">
      <p class="indent 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>
9

yééeee I’m new. I’m almost 51 . Just finished infography school after a work accident left me unable to work in manutention and i had to start over in something else and it’s hard. I always beeneasy learning with informatic but learning coding is something else complitly hahaha

10

Here is a comparison of the original code and your code.

The code in blue is the original code, the code in red is your code.
The code in magenta is the overlap.

image
image986×203 24.3 KB

You appear to have modified the existing classes in the p element.

Please remove indent and replace it with bold right classes in the first p element.

Happy coding

2 Likes
11

Thanks you so much, i probably change it by mistake. learning that hahahha

2 Likes