Da muss man eigentlich alles reparieren.
Erstmal overflow:hidden in body löschen.
,Deinen ganzen <br> sind unnötig , und vor allem sind die meisten gar nicht geschlossen , die sehen so aus ( <br ).
Der ganze inline style sollte in der CSS stehen usw.....
Die CSS hast du dir sicherlich auch irgendwie zusammen kopiert , kann das sein?
Du solltest aber HTML5 nutzen,
The term HTML5 is essentially a buzzword that refers to a set of modern web technologies. This includes the HTML Living Standard, along with JavaScript APIs to enhance storage, multimedia, and hardware access.
developer.mozilla.org
und Flexbox
Mit Flexbox könnt ihr unkompliziert variable und responsive Layouts erzeugen. Das Modell arbeitet mit zwei Achsen auf denen Inhalte verteilt werden können. Daher bietet sich die CSS Flexbox besonders für lineare Strukturen an.
kulturbanause.de
Um es auf allen Endgeräten anzupassen ist @mediaqueries wichtig
Media queries allow you to apply CSS styles depending on a device's general type (such as print vs. screen) or other characteristics such as screen resolution or browser viewport width. Media queries are used for the following:
developer.mozilla.org
Man könnte dein Code zwar notfalls reparieren , doch auf Dauer bringt das gar nichts , weil so ist der auf dem Handy wahrscheinlich auch nicht responsiv