Learn Typography by Building a Nutrition Label - Step 65

HTML-CSS
1

Step 65

Add a medium divider after your .daily-value element. Below that new divider, create a p element with the class attribute set to note.

Give the p element the following text:

I wrote this:

<p class="note"> * The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.</p>

But when I click the button to submit the code, it says:

Test

Sorry, your code does not pass. Try again.

Hint

Your new p element should have the class set to note.

I don’t know why this is happening.

2

I’ve edited your code for readability. 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 (').

3

Can you please provide a link to the Step you are working on?

4

Sure.

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-typography-by-building-a-nutrition-label/step-65

5

Where is your div? I had to add a div above this p element to pass the Step, but this p element itself looks fine to me.

6

This step says to add p element below the new medium divider. I did that too. but it still not working. I don’t know what else to do. the hint says I need to have a new p element should have the class set to note. my code has that.

7

You only posted a p element. Where is the code for

8

fcc
fcc1052×282 31.6 KB

9

Please post actual code instead of pictures of code.

It looks like you have two new opening divs, which is baffling the tests.

10 
<div class="divider medium"></div>
    <p class="note">* The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.</p>
    </div>
11

You made a change above this code that is breaking stuff. If you reset and add ONLY this code, then you’ll pass.

12

passed it, finally.
I mistakenly added an extra div end tag. Now I’ve removed it and moved on.
But the hint was misleading. It only says I need to set class attribute to note.

13

Yup, that happens sometimes. It can be hard to anticipate when learners might add ‘random’ extra elements to the code.

14

Yes. Thanks for your support.

1 Like