Highlighted

Media Query

Engaged ,
May 07, 2019

Copy link to clipboard

Copied

Hi,

In Chrome, <h1> text is in the center vertically and horizontally on Mobile and Tablet.

In Edge, <h1> text is aligned left on Mobile and Tablet.

Is there any way to fix it?

(All 6 photos came from the screenshots on my laptop.

Everything is OK on my iPhone XS Max (Chrome and Safari).)

Link

Roar Cycles 4

Hosun Kang

Q_Dw_17_MQ.png

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

This means that you are centring the items within the hero-box using grid. This works fine when viewing the page in browsers that understand grid, see https://caniuse.com/#feat=css-grid

Views

178

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

Media Query

Engaged ,
May 07, 2019

Copy link to clipboard

Copied

Hi,

In Chrome, <h1> text is in the center vertically and horizontally on Mobile and Tablet.

In Edge, <h1> text is aligned left on Mobile and Tablet.

Is there any way to fix it?

(All 6 photos came from the screenshots on my laptop.

Everything is OK on my iPhone XS Max (Chrome and Safari).)

Link

Roar Cycles 4

Hosun Kang

Q_Dw_17_MQ.png

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

This means that you are centring the items within the hero-box using grid. This works fine when viewing the page in browsers that understand grid, see https://caniuse.com/#feat=css-grid

Views

179

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
May 07, 2019 0
Adobe Community Professional ,
May 07, 2019

Copy link to clipboard

Copied

This means that you are centring the items within the hero-box using grid. This works fine when viewing the page in browsers that understand grid, see https://caniuse.com/#feat=css-grid


Ben

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...
May 07, 2019 2
Adobe Community Professional ,
May 08, 2019

Copy link to clipboard

Copied

What do you want, the h1 centering?

add this rule to H1 in you CSS:

margin: 0 auto;

Paul-M, ACP

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...
May 08, 2019 2
Hosun LATEST
Engaged ,
May 08, 2019

Copy link to clipboard

Copied

Thank you very much.

That is exactly what I've been looking for.

Thanks again.

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...
May 08, 2019 0