Highlighted

padding?

Engaged ,
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

Adobe Community Professional
Correct answer by Jon Fritz II | Adobe Community Professional

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.

Views

649

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

padding?

Engaged ,
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

Adobe Community Professional
Correct answer by Jon Fritz II | Adobe Community Professional

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.

Views

650

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
Aug 21, 2019 0
Adobe Community Professional ,
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
Reply
Loading...
Aug 21, 2019 2
Engaged ,
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
Reply
Loading...
Aug 21, 2019 0
Adobe Employee ,
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
Reply
Loading...
Sep 12, 2019 0
Adobe Employee ,
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
Reply
Loading...
Sep 12, 2019 0
Adobe Employee ,
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
Reply
Loading...
Sep 12, 2019 0
Adobe Employee ,
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
Reply
Loading...
Sep 12, 2019 0
Adobe Employee ,
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
Reply
Loading...
Sep 12, 2019 0
Adobe Community Professional ,
Sep 12, 2019

Copy link to clipboard

Copied

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
Reply
Loading...
Sep 12, 2019 0