Learn Typography by Building a Nutrition Label - Step 33

HTML-CSS
1

Tell us what’s happening:
Here are the steps that I followed;
1- Below your .small-text element (so find that element first)
2- create a new p element
3- with the text Calories
4- also below the .left-container element (find this other element)
5- create a new span element
6- with the text 230
yet i get an error message says " Your p element should have the text Calories"
No typo cos i copied and paste to avoid that. Any help?

Your code so far

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

Your browser information:

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

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

Link to the challenge:

2

You added the 230 span element inside of the .left-container element. You want to add it below (or completely after) the .left-container element.

3 Likes
3

Thanks mate.
I’ve noticed right after the post. It’s easy to get lost while learning.

1 Like
5

@uhrich1130 I know you are new here so this is just a friendly welcome message to let you know that we don’t post complete solutions in here.

6

oh thanks for the reply, just was having the same problem and thought it would help out i’ll delete it now

7

mod edit: solution removed

8

Please don’t post your solution code in response to people’s questions in this forum.

9

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