Flex items and flex container

HTML-CSS
1

Doubt-flex item
Doubt-flex item1920×2715 104 KB

This is step-41 of building a nutrition label project. How are we applying justify-content:flex-end to

here? calories-info is a flex container so should the flex items not only be the child elements like left-container and span? If we are using flex-end on

then it should be a flex item right but it is not right? because it is not a child element of calories-info rather it is a child of daily-value small text which is not a flex container. Anyone pls help to clarify this.

2

Please post your actual code and a link to the Step. Thanks

3

Hi there.

You can take a look at line 26:

p {
  margin: 0;
  display: flex;
  justify-content: space-between;
}

So, every paragraph is already set as a flexbox.

And the class .right is a paragraph too.
So set

.right {
  justify-content: flex-end;
}

is totally legit.

Happy coding!

4

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.