Media Query

[Hosun]

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

[BenPleysier · Accepted solution]

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

[Paul-M]

What do you want, the h1 centering?

add this rule to H1 in you CSS:

margin: 0 auto;

[Hosun]

Thank you very much.

That is exactly what I've been looking for.

Thanks again.

Hosun Kang