Inspiring

Answered

Media Query

3 replies
506 views
Translate

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

This topic is closed to new replies. Start a new post to keep the conversation going.

BenPleysierCorrect answer

Community Expert

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

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

P

Paul-M

Legend

What do you want, the h1 centering?

add this rule to H1 in you CSS:

margin: 0 auto;

Translate

Paul-M - Community Expert

HosunAuthor

Inspiring

Thank you very much.

That is exactly what I've been looking for.

Thanks again.

Hosun Kang

Translate

BenPleysier

Correct answer

Community Expert

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

Translate

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.