Skip to main content
Hosun
Hosun
Inspiring
June 3, 2019
Answered

How to align logo in middle of the header.

  • June 3, 2019
  • 1 reply
  • 612 views

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

This topic has been closed for replies.
Correct answer osgood_

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;

}

1 reply

O
osgood_Correct answer
Legend
June 3, 2019

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;

}

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices