Learn Typography by Building a Nutrition Label - Step 24

HTML-CSS
1

Tell us what’s happening:
Hi guys, I’m stuck here. Why isn’t my code passing?? I have tried many possible ways and I don’t see where the mistake is. Kindly assist.

  **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>
  <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>
</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;
}

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

.bold {
font-weight: 800;
}

.right {
float: right;
}

  **Your browser information:**

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

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

Link to the challenge:

2

it looks like you added the header element “outside” the .label element.
What you need is to put it “within” the .label element (enclosing all the other elements currently inside it)

3

thanks. it’s passed now.

1 Like
4

type your answer please for one that passed

5

hallo Geoffrey!

Can I ask you why you want to see the answer?
If you are having problems in this exercise, simply click on the “Ask for Help” button and fill out some information about where you are currently stuck and someone will help you on the forum (as a topic will get created here when you do that).

We would be glad to give you support to figure out the solution.
Please be aware we discourage FCC campers to share their solutions because it prevents effective and long-term learning to do so.

Hope to see your question posted on the forum soon!

6

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