no align-item

Question

i want "closebtn" put on middle of height ( justify-content: center; justify-items: center;)
but only it fine work that insted of:
body{
display: flex;
justify-content: center;
align-items: center;
}

be this:

body,
.header-content {
display: flex;
justify-content: center;
align-items: center;
}

but no work on ( justify-content: center; align-items: center;)
to ".header-content" selector.
of course ".header-content" is contain (justify-content: space-betwen;)
why?

https://code.sololearn.com/WAc6Z76HMTns

Answer 1

you can do this🤗
https://code.sololearn.com/WdY5vWY6balt/?ref=app