Learn Typography by Building a Nutrition Label - Step 33

HTML-CSS
1

Hi, I don’t know what I’m doing wrong;

 <div class="calories-info">
      <div class="left-container">
        <h2 class="bold small-text">Amount per serving</h2>
      </div>
      <span>230</span>
      <p>Calories</p>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/110.0

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

Link to the challenge:

2

“Below your .small-text element, create a new p element with the text Calories”

In this case, “Below” means “Directly below”, as in, “immediately after”.

1 Like
3

I still get the error message

<div class="calories-info">
      <div class="left-container">
        <span>230</span>
        <h2 class="bold small-text">Amount per serving</h2>
      <p>Calories</p>
      </div>
    </div>
4

I don’t think the 230 span is supposed to be nested within the .left-container div.

“below the .left-container element, create a new span element with the text 230.”

3 Likes
5

You are right! Sorry, this is not my native language. Thank u so much!!

1 Like
6

I understand. I hope I didn’t sound like I was making fun of you because that was not my intent. Have you tried google translate on the instructions? I use it a lot to translate posts in here and it works quite well.

1 Like
8

Amount per serving

Calories

230