How to align logo in middle of the header.

[Hosun]

Hi,

I want to align the logo to the middle of the header horizontally and vertically.

Q1.

Why doesn't the flexbox work?

.logo {

          display: flex;

          justify-content: center;

          align-items: center;

}

Q2.

How do I do?

Link

Hosuns Portfolio 3

Hosun Kang

Tittle was edited by Moderator

[osgood_ · Accepted solution]

Instead of applying the styling to the .logo

.logo {

          display: flex;

          justify-content: center;

          align-items: center;

}

apply it to the box containing the logo:

box1 {

display: flex;

justify-content: center;

align-items: center;

}