Trouble Centering Header and Content on Mobile Phone

Looks pretty centered to me on an iPhone.

But you do have a bunch of markup errors, so you might look at whether any of those are problematic:

https://validator.w3.org/check?uri=http%3A%2F%2Fhigh-spirits.us%2Fbeta%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Everything is shifted to the left except the footer when viewing on iphone.
This is what I mean by off center.
Thanks for validating. I’ll look into those.

Cheers

The only possible(very slight) off center I see is looks like it’s from the scroll bar on the right side.

Also, it’s really not good practice to use !important unless absolutely necessary – you should be able to use CSS selectors to do almost everything.

There’s a large white gap to the right of my images which I would like to remove, but can’t find the fix.

I know it isn’t good practice, but I use them when editing locally.
I appreciate the pointers though!