Układ strony na mobile

Question

Witam 

Chciałbym prosić o pomoc. Napotkałem problem przy tworzeniu mojego pierwszego projektu. Content na wersji mobilnej jest jakby wypychany z prawej strony tak jakby był tam margines. Dodatkowo strona zajmuje więcej niż 100% szerokości widoku na mobile ponieważ można ją delikatnie scrollowac w lewo i prawo co jest efektem niepożądanym. Problem dotyczy tylko wersji mobilnej przy ukladzie portretowym. Przy landscape jest ok.

Poniżej wrzucam kod i screen. Chodzi mi o tą przestrzeń po prawej stronie na screenie. Docelowo chciałbym żeby zdjęcie w tle jak i caly content strony zajmował 100% szerokości widoku

https://codepen.io/anon/pen/xNbKaq

https://zapodaj.net/2ba1a725ef293.png.html

Comments

U mnie na takim samym podglądzie (S5, ta sama rozdzielczość) nic się nie scrolluje, ani niczego nie wypycha. "O nas" i potem "Lorem..." zaczyna się równo, przy lewej krawędzi, zdjęcie wstawiłem jakieś z netu, to jest od brzegu do brzegu ekranu.

 

EDIT:

Dobra, "zrobiło" się też źle. Margines jest, na razie jeszcze nie wiem skąd to się wzięło.

---

Już rozwiązałem problem. W kodzie miałem jeszcze dodaną mapkę z google maps i to ona rozwalała stronę ponieważ miała większą szerokość