Niechciany margines z boku ekranu

Question

Witam!

Jak widać na zdjęciu mój problem jest taki: na dole ekranu pojawia się poziomy scroll, a po przesunięciu widać przestrzeń, która powstała po prawej stronie. Rozwiązaniem problemu nie jest usunięcie tego scrolla, bo w wersji mobilnej da się to przesunąć. Tutaj jest kod HTML i CSS (strona jest responsywna - ma BootStrapa).

 

HTML

<div id="footer">
				
   <p>Copyright &copy; by Wiktor Hajduk 2020</p>
				
</div>

 

CSS

body
{
	background-image: url(img/tlo.png);
	margin-left: 0;	
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 0;
}

#footer
{
	background-color: gray;
	color: black;
	font-size: 24px;
	font-family: 'Varela Round', sans-serif;
	text-align: center;
	padding: 1px;
	margin-right: 0 !important;
}

 

Answer 1

Najprawdopodobniej inny element obecny na stronie ma zbyt duży margines lub szerokość (Np. ustawioną na 100vw), fragment kodu który przytoczyłeś nie sprawia, że pojawia się pasek, więc mus być za to odpowiedzialny inny kawałek kodu

PS

Spróbuj bez paddingu na footer, ale tak jak mówiłem nie mam całego kodu więc mogę jedynie zgadywać

Answer 2

dodaj

* {

margin: 0;

padding: 0;

box-sizing: border-box:

}

Powinno rozwiązać problem, jeśli tak nie będzie to wrzuć to na codepen to tam Ci poprawie