Biały margines podczas zmniejszenia rozdzielczości - responsywność

Question

Witam mój problem polega na tym, że gdy zmniejszam rozdzielczość strony do  526px, to po prawej stronie pojawia sie biały margines. Próbowałem w head,body wpisać overflow-x: hidden; jednak wtedy pojawia mi się drugi pasek przewijania. Ktoś może miał taki problem ?

Strona : https://alcomats.github.io/omnifood/

Kod: https://github.com/Alcomats/omnifood

Comments

Litości człowieku. Nikt nie będzie przeglądał całego kodu. Wyślij tylko tę część którą podejrzewasz o wadliwe działanie.

---

Niestety nie mam pojęcia w którym miejscu może być błąd.

---

0. ZMIEŃ KATEGORIĘ Z C/C++. Tak trochę nie pasuje, co? ;)
1. W takim razie poczytaj, przepatrz kod i internet, pokombinuj trochę. Dodaj parę stylów, usuń je, albo zamień. Poczytaj o właściwościach użytych stylów. Potem wchodź tu i zadawaj pytania.
2. Margines może pojawiać się, gdy masz niedopracowany grid system. Np. przejścia w urządzenia mobilne są dla różnych wielkości, przykładowo 768px i 568px. Może być też tak, że gdzieś przy zmianie masz width: 100% dla treści i y px na margines

Answer 1

Winowajcą jest .footer-paragraph-2:after a dokładniej szerokość tej linii ustawiona sztywno na 500px :)
Rozwiązanie chyba sam znajdziesz :D