Step 44 - #learn-typography-by-building-a-nutrition-label

HTML-CSS
1

I have the instructions in step 44:
Notice how the text 8g appears centered in the preview. Nest the span element containing the text Total Fat along with the text 8g, in an additional span element for alignment.

I think I did it well:

<div class="daily-value small-text">
  <p class="bold right">% Daily Value *</p>
  <div class="divider"></div>
  <p>
    <span>
      <span class="bold">Total Fat</span> 8g 
    </span>
    <span class="bold">10%</span>
  </p>
</div>

But the response is:

  1. You should have a span element around the code Total Fat 8g.
1 Like
3

Hi there!

Welcome to the FCC forum. Create topic to the challenge step using Ask for Help button. That button appears below the challenge editor when you try to submit the wrong code more than three times.

1 Like
4

Welcome to the forum @davidwilliamguerra

Here is a comparison of the original code and your code.

The code in blue is the original code, the code in red is your code.
The code in magenta is the overlap.

image
image842×250 16.9 KB

Please remove the white space and line breaks from your code.

I edited your post so the code formats correctly in the forum.

Happy coding

1 Like
5

Hi @Teller,
Thanks for your help,

This is the solution that worked:

removed

Happy codding

6

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

1 Like