Css works weird

Get Help CSS
,
#1

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

img 1
img 11306×995 56.2 KB

img 2
img 21429×918 36.4 KB

img 3
img 31919×969 58.4 KB

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.

#2

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.

Cheers!