Css works weird

When you ask a question, don’t forget to include a link to the exercise or project you’re dealing with!

Giving the same properties to the second parent, but getting different results. Can anybody tell me whats the issue? Even giving position:absolute; not doing anything.

flex-direction is ‘column’ meaning that the referential axis has been inverted. Use align items instead of justify content.

For an in-depth explanation refer to this link.