Website left aligned on iPad

Question

I'm having problems with margin: 0 auto with my iPad. The div aligns to the left, not the center like it does on my desktop.

You can view the site here: www.amplify.io

The container has a width and I've tried a few solutions on the web but to no avail... any pointers greatly appreciated.

Answer 1

Might be a case of overflow happening because you don't set a viewport for mobile devices.

Try adding:

<meta name="viewport" content="width=device-width,
                           maximum-scale=1.0" />

to your HTML head to be certain. Which should set the page width to the iPad's width and make sure no scaling is happening.