Learn Typography by Building a Nutrition Label - Step 24

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I am struggling with the instruction: " Wrap everything within the .label element in a new header element." I also want to know why they use .label whenever they talk about label element, what is the use of the dot (.) before label

Your code so far

  <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>2/3 cup (55g)</span></p>
  </div>
  </header>
  </label>

Your browser information:

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

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

Link to the challenge:

1 Like
2

When they use the dot in front they are talking about a class. So you need to wrap the element which has label as a class in a header element.

The label class element is a div. So, they cant just say “wrap the div in a header element” since there are several divs that exist

2 Likes
3

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