Unerwünschte Leerzeichen auf der rechten Seite und auf der Unterseite meines Website-Hintergrunds in der mobilen Ansicht

Question

Ich benutze Bootstrap und ich habe dieses Problem nur, wenn ich in einem mobilen Browser bin, wenn ich die Größe meines Desktop-Browsers den Hintergrund ändert und funktioniert ohne weißen zusätzlichen Leerraum. Ich habe auch eine Navbar oben, die vom mobilen Browser abgeschnitten wird, aber nicht auf dem Desktop.

In der CSS habe ich background-size: cover; background-position: center; html { height: 100%} Ich habe auch versucht Breite 100% zu HTML, aber nichts geändert.

Ich habe keine Ahnung, warum dies nicht so ist, wie es auf dem Desktop ist. Dies ist die Website: https://cantuga.000webhostapp.com/udm/startup/startup.html

Answer 1

Ich denke, Sie sprechen über den Überlauf.

html,body{ 
    overflow-x:hidden; 
    } 

Answer 2

entfernen width: 400px; von unten Klasse

hr { 
    width: 400px; 
    border-top: 1px solid #f8f8f8; 
    border-bottom: 1px solid rgba(0,0,0,0.2); 
}