Learn Typography by Building a Nutrition Label - Step 42

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

strp42: Use your existing .divider element as an example to add a new divider after the p element.
At Step 42 I am facing the error “You should create a new div within your .daily-value element.”

Your code so far

<div class="daily-value sm-text">
  <p class="right bold no-divider">% Daily Value *</p>
  <div class="divider"></div>
</div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36

Challenge: Learn Typography by Building a Nutrition Label - Step 42

Link to the challenge:

2

Hi @seshendradvs ,
I think your .divider is correct, maybe it’s something with the other classes that break the test. Try redefining the lesson and just adding that .divider below the paragraph.
hope it helps!

3

You div is correct.

But you accidentally messed up the classes of other div and p tag.

You can reset that lesson and try again.

4

Thanks for responding, here is the .divider & p class , I hope there is no mistake here.

p {
margin: 0;
display: flex;
justify-content: space-between;
}
.divider {
border-bottom: 1px solid #888989;
margin: 2px 0;
}

5

Thanks, i will try again the lesson again and see what went wrong.

6

Welcome to our forum.

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.