Building a Nutrition Label Step 49

already have class=“no-divider” but still looking for it

Hi. Please can you link to the url of the step you are on.

Photos/screenshots of an error can be helpful, but it also helps to provide the complete code. Posting the code helps us help you better!

When you enter a code, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

You have two class attributes in that p element.

It says do not remove existing classes

Step 49

The bottom borders under your % Daily Value * and Saturated Fat 1g 5% elements do not extend the full width of the label. Add no-divider to the class for these two elements.

% Daily Value *

Total Fat 8g 10%

Saturated Fat 1g 5%

Sorry, your code does not pass. Hang in there.

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

<div class="daily-value small-text">
      <p class="bold right" class="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">Saturated Fat 1g <span class="bold">5%</span></p>
    </div>

Hi. Can you post the url from the address bar please.

There can be more than one class in a class attribute. For example, the existing class attribute already contains two classes.

I do two classes attributes but still it makes and error

You should only have one class attribute. That class attribute can contain multiple classes.

Sorry, can you provide sample code for me? Thanks

How many classes are here?

Okay now i got it. Thank you so much haha

1 Like

Two classes to an element are given as class=“class1 class2”.