Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

padding?

Enthusiast ,
Aug 21, 2019 Aug 21, 2019

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

Q_Dw_64_header.png

1.1K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Sep 12, 2019 Sep 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.

Translate
Community Expert ,
Aug 21, 2019 Aug 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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Aug 21, 2019 Aug 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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Sep 12, 2019 Sep 12, 2019
Hi Jon,
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Sep 12, 2019 Sep 12, 2019
Hi Jon,
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Sep 12, 2019 Sep 12, 2019
Hi Jon,
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Sep 12, 2019 Sep 12, 2019
Hi Jon,
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Sep 12, 2019 Sep 12, 2019
Hi Jon,
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 12, 2019 Sep 12, 2019
LATEST

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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines