Step 62 in Learn Typography Building Nutrition Lable

HTML-CSS
1

Greetings, I am new here to here. I would very much appreciate any help I am requesting with the topic. I had been stuck on this "Step 62: After your last divider, create another p element with the text Protein 3g . Use the necessary classes to remove the bottom border, and a span to make the Protein bold. Then wrap the text Protein 3g including the new span element, in a new span element. " Please help. Thanks. and here’s my copy of codes…

    <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</span></p>
      <div class="divider large"></div>
      <p></p>
      <div></div>
    </div>
2

Can you talk about how you’re stuck figuring out what is wrong?

Also, please post a link to the step

3

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, 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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

4

Ok . Trying to learn how to learn using this box… I kept getting same errors with "Your new p element should have the Protein 3g. I tried few different ways and still same results. Got me puzzled…

6

My truly apologies… I’m trying to understand how to do the link.
I am struggling to understand how to do this one:
“Your new p element should have the text Protein 3g” in the Step 62. I am feeling stuck with this step.

7

Feeling stuck how? I know you’re stuck since you’re asking for help, but there’s a lot of parts to the instructions.

First thing to check - the tests have to find your element. Is it in the right spot?

8

I think so. I am thinking i am still missing something with the line 45

9

Where do the instructions say to put your new p element?

10

make sure you also do not have extra elements

11

After your last divider, create another p element with the text Protein 3g. Use the necessary classes to remove the bottom border, and a span to make the Protein bold. Then wrap the text Protein 3g including the new span element, in a new span element.

Following this element, create a large divider.

12

Do not copy paste the instructions. Talk to me like a human please.

Where is ‘the last divider’ in the original code?

13

ok sorry. it said after your last divider, create another p element with text Protein 3g.

14

Where is the last divider in the original code? What does it look like?

15

My apologies, I am not quite sure I understand this one. the last sentence said the wrap text Protein 3g including the new span element, in a new span element. I am having bit hard time understanding this one.

16

I would start with where the last divider is first.

17

Before the large divider?

18

Did the starting code have a large divider? (It’d be easier if you include a link to the Step)

19

it said “after your last divider”. also in the last in instruction, it mentioned Following this element, create a large divider.

20

Please answer the question I asked though. I think you’re saying that no the starting code did not have a large divider?

21

ok how do I include a link to the step?