Есть такой код
https://jsfiddle.net/hmzfjuh8/
Проблема в том, что при тестировании в режиме responsive в chrome body соскакивает влево вверх, что влияет на отображение элемента в контейнере
Проблема решается путем создания в body контейнера, которому присваиваются стили, изначально определенные для body:
https://jsfiddle.net/hv86owzv/
При изменении ширины devtool без режима responsive смещения не происходит и все отображается корректно.
НО
Я хочу понять (самое главное) почему в принципе происходит смещение?
Также интересны альтернативные способы решения проблемы, например, без использования дополнительного контейнера.