Learn Typography by Building a Nutrition Label - Step 26

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
step 26

it doesnt pass need some help 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>
  <div class="label">
    <header>
      <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>
    </header>
  <div class="divider 1g"></div>

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

header 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/105.0.0.0 Safari/537.36 Edg/105.0.1343.42

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

Link to the challenge:

2

Hello and welcome!

In the font fCC is using the “l” is looking like a “1” if you glance over the text.
Many including me have fallen into this trap.
Just change the number to the letter and problem solved!

3

hello and welcome to fcc forum :slight_smile:

as daniel pointed it out, turn that “1g” into “lg”, then its all good, happy learning :slight_smile:

1 Like
4

Thank you very much code passed

5

Thank you Daniel for the help

6

I have found that if I get an error like this I copy and paste in what they ask for. Once you paste it an “l” apears instead of the 1. Seems to solved the problem once or twice. And yes the “l” looks like a “1” on my mac.

7

hello and welcome to fcc forum :slight_smile:

yeah, thats immensely helpful no doubt :slight_smile:

8

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