Nutrition Facts

8 servings per container

Serving size 2/3 cup (55g)

Amount per serving

Calories

230

% Daily Value *

Total Fat 8g 10%

Saturated Fat 1g 5%

Trans Fat 0g

Cholesterol 0mg 0%

Sodium 160mg 7%

Total Carbohydrate 37g 13%

Dietary Fiber 4g

Total Sugars 12g

Includes 10g Added Sugars 20%

Protein 3g

Vitamin D 2mcg 10%

Calcium 260mg 20%

Iron 8mg 45%

Potassium 235mg 6%

* the Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.

``` ```css /* 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; display: flex; justify-content: space-between; } .divider { border-bottom: 1px solid #888989; margin: 2px 0; } .bold { font-weight: 800; } .large { height: 10px; } .large, .medium { background-color: black; border: 0; } .medium { height: 5px; } .small-text { font-size: 0.85rem; } .calories-info { display: flex; justify-content: space-between; align-items: flex-end; } .calories-info h2 { margin: 0; } .left-container p { margin: -5px -2px; font-size: 2em; font-weight: 700; } .calories-info span { margin: -7px -2px; font-size: 2.4em; font-weight: 700; } .right { justify-content: flex-end; } .indent { margin-left: 1em; } .double-indent { margin-left: 2em; } .daily-value p:not(.no-divider) { border-bottom: 1px solid #888989; } ``` ### Your browser information: User Agent is: `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36 Edg/126.0.0.0` ### Challenge Information: Learn Typography by Building a Nutrition Label - Step 65 > **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-typography-by-building-a-nutrition-label/step-65)** > > Learn to Code — For Free ---

**Author:** ![hbar1st](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hbar1st/32/372649_2.png) [@hbar1st](https://forum.freecodecamp.org/u/hbar1st)\ **Post date:** [July 20, 2024, 6:04pm UTC](https://forum.freecodecamp.org/t/learn-typography-by-building-a-nutrition-label-step-65/701874/2 "2024-07-20T18:04:23Z")

> [@keith\_freitas01](#): > > ```auto >

% Daily Value *

Total Fat 8g 10%

Saturated Fat 1g 5%

Trans Fat 0g

Cholesterol 0mg 0%

Sodium 160mg 7%

Total Carbohydrate 37g 13%

Dietary Fiber 4g

Total Sugars 12g

Includes 10g Added Sugars 20%

Protein 3g

Vitamin D 2mcg 10%

Calcium 260mg 20%

Iron 8mg 45%

Potassium 235mg 6%

> > > > >

* the Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.

> > > >

> > ``` this whole section is called the .daily-value element. Therefore the new code should have been added after the closing div for this element. ---

**Author:** ![pkdvalis](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/pkdvalis/32/350571_2.png) [@pkdvalis](https://forum.freecodecamp.org/u/pkdvalis)\ **Post date:** [July 20, 2024, 6:19pm UTC](https://forum.freecodecamp.org/t/learn-typography-by-building-a-nutrition-label-step-65/701874/3 "2024-07-20T18:19:29Z")

Please don’t open new topics for the same step. Use this: [https://forum.freecodecamp.org/t/learn-typography-by-building-a-nutrition-label-step-65/701872/4](https://forum.freecodecamp.org/t/learn-typography-by-building-a-nutrition-label-step-65/701872/4) ---

Closed on July 20, 2024, 6:19pm UTC