Learn Typography by Building a Nutrition Label - Step 24

HTML-CSS
1

Tell us what’s happening:
I don’t get the hint meaning " Wrap everything within the .label element in a new header element. "
I wrap div element and .label element but still failed.
Can anyone help me?

Your code so far

   <header>
    <div class="label">
      <h1 class="bold">Nutrition Facts</h1>
      <div class="divider"></div>
      <p>8 servings per container</p>
      <p class="bold">Serving size <span class="right">2/3 cup (55g)</span></p>
    </div>
   </header>

Your browser information:

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

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

Link to the challenge:

1 Like
2

Hey!

This is the hint that shows up when I try to run your code.

image

As you can see in your code, the header element is outside of the div with the class of label which is causing you to fail the tests. Hope this helps! :smile:

7 Likes
3

Thank you staranbeer your answer works.

2 Likes
4

Thanks @staranbeer !
I pass the test, the answer helps a lot :grinning:

1 Like
5

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