Learn Typography by Building a Nutrition Label - Step 8

Tell us what’s happening:

i need help i’m i saying the right answer it’s not working or going through

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>
  <div class="label">
    <h1>Nutrition Facts</h1>
    <p>8 servings per container</p>
    <p>Serving size 2/3 cup (55g)</p>
  </div>
</body>
</html>
/* file: styles.css */
html {
  font-size: 16px;
}

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


/* User Editable Region */

.label {
  border: 2px solid black
}

/* User Editable Region */

Your browser information:

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

Challenge Information:

Learn Typography by Building a Nutrition Label - Step 8

Welcome back to the forum @kyra.dillard2003

Your code passes.
Reset the step and try again. If that doesn’t work, refresh the page, disable dark mode, disable ad blockers. Or, use another browser.
If the above steps do not work, you may need to restart the computer.

You could try closing the value with a semi colon at the end.

Happy coding

ok thank u i will do that i need help with step 43 i have a different question After your last .divider element, create a p element and give it the text Total Fat 8g 10% . Then, wrap the text Total Fat in one span element, the text 10% in another, and give them each a class of bold .

hey there, please use a new post for a new challenge question.

1 Like

will do thank u i will do it right away

1 Like