padding?

Engaged ,
Aug 21, 2019 Aug 21, 2019

Copy link to clipboard

Copied

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

Views

744

Likes

Translate

Translate

Report

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

Adobe Community Professional , 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.

Likes

Translate

Translate
Adobe Community Professional ,
Aug 21, 2019 Aug 21, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

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
Engaged ,
Aug 21, 2019 Aug 21, 2019

Copy link to clipboard

Copied

Merci beaucoup pour votre réponse.

J'ai ajouté

.logo {

      display: flex;

      align-items: center;

}

Il semble que tout allie bien.

Hosun Kang

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

Hi Jon,

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

Hi Jon,

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

Hi Jon,

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

Hi Jon,

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

Hi Jon,

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

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