Learn Typography by Building a Nutrition Label - Step 24

Tell us what’s happening:
Describe your issue in detail here.
Wrapping everything within the .label element in a new header element. Need assistance please

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Nutrition Label</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800" rel="stylesheet">
  <link href="./styles.css" rel="stylesheet">
</head>

<body>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

</body>
</html>
/* file: styles.css */
* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  font-family: 'Open Sans', sans-serif;
}

.label {
  border: 2px solid black;
  width: 270px;
  margin: 20px auto;
  padding: 0 7px;
}

h1 {
  text-align: center;
  margin: -4px 0;
  letter-spacing: 0.15px
}

p {
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.divider {
  border-bottom: 1px solid #888989;
  margin: 2px 0;
}

.bold {
  font-weight: 800;
}

Your browser information:

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

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

Link to the challenge:

Hello!

I see the closing </header> only wrapping the opening <label>tag. It should be after the closing``` element tag to wrap into the header.

1 Like

Please write the code on how it should be

Keep up your great progress!

Example:   Here I wrap everything in the <section> element.

<section>
<h1> some text</h1>
<p>text</p>
</section>

I hope this helps you.
1 Like

Sorry!

Guidance throughout the training is good! Providing answers, or receiving direct solutions is not in your best interest .

When it comes to using the code after training you want to be able to do it.
But, if people provide the answers throughout the training, the opportunity to learn how to code it and use it throughout the training, will negatively affect the outcome.

You are doing great! And, I believe you can, from the clear example above, proceed with completing and passing this step and moving on to the next step.

Keep up the momentum.

And, think about this:
It is great to have that Document of Certification
but, it is much better to have that Document of Certification that I can use because I learned the code.

Pay attention to the white space at the start of all of your elements and make sure everything is inline correctly. You’re doing awesome!

1 Like

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