Gutter or white border on landscape mode (Iphone)

Hi everyone, I’m working on an app that works pretty well from a responsive perspective however one bug I discovered is that the page does not go full width when turning the phone to landscape mode on iPhone.

Instead I get 2 big white gutters on each side. This seems to only be happening with the larger iphones for some reason, iPad and older mobile devices do not have this problem.

Any advice or tips on how to solve this? Thanks for taking the time to help

Anyone with any ideas? I realized this only happen with newer and larger iphones

Hi @noahser
I don’t know if this is a bug from Iphone but you can check that all is implemented for mobile first with min-width:320px and no max-width (on page and parent containers).
This is a good start.

Hope this helps