This page is basically unreadable on my phone in portrait orientation. The enforced margins means the text has only a half-inch column down the middle, and often wraps in the middle of long words.
Content seems nice but I really can't read it on my phone sadly. Hope author can fix it!
In wonder what happens if someone has an even lower resolution phone.
Maybe I should just switch to Chrome on my phone, I only really use Firefox out of a strange sense of loyalty..
margin-left: 150px !important; margin-right: 150px !important;
margin-left: 10% !important; margin-right: 10% !important;Clearly your advice (px > %) is the way to fix this. I have to travel in a moment and the wp plugin I'm using did not support this, so will figure it out later today. In the meantime I reduced 150px to 100px, which seems to make the issue a little better for most screens (at least in landscape).
Thank you again, this is really helpful :)