Skip to main content
Hosun
Inspiring
August 21, 2019
Answered

padding?

  • August 21, 2019
  • 2 replies
  • 1215 views

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

    This topic has been closed for replies.
    Correct answer Jon Fritz

    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.

    2 replies

    Jon Fritz
    Community Expert
    Jon FritzCommunity ExpertCorrect answer
    Community Expert
    September 12, 2019

    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.

    B i r n o u
    Legend
    August 21, 2019

    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
    HosunAuthor
    Inspiring
    August 21, 2019

    Merci beaucoup pour votre réponse.

    J'ai ajouté

    .logo {

          display: flex;

          align-items: center;

    }

    Il semble que tout allie bien.

    Hosun Kang