padding?

[Hosun]

Hi,

Looking at <header>, there is an image.

Where does the space at bottom come from?

Should I do more in addition to flexbox below?

header {

      background-color: #42A240;

      padding: 20px 40px;

     display: flex; /*title*/

     align-items: center; /*title*/

}

Global Invisible Hand

Hosun Kang

[B i r n o u]

il semblerait que votre document SVG contienne cet espace en dessous de votre lettre, propriété viewbox, essayer de remplacer votre logo par celui ci

http://www.birnou.net/logo-a.svg

[Hosun]

Merci beaucoup pour votre réponse.

J'ai ajouté

.logo {

      display: flex;

      align-items: center;

}

Il semble que tout allie bien.

Hosun Kang

[HARSHIKA_VERMA]

Hi Jon,

[HARSHIKA_VERMA]

Hi Jon,

[HARSHIKA_VERMA]

Hi Jon,

[HARSHIKA_VERMA]

Hi Jon,

[HARSHIKA_VERMA]

Hi Jon,

[Jon Fritz II · Accepted solution]

The answer didn't carry over from the old forum.

This is caused by the browser's default padding on the <img> tag that needs to be removed.

Adding vertical-align:bottom to the <img> tag's css fixes it.