Teil 1
Schon besser. Was genau hat sich hier gerade geändert? Es sollte relativ offensichtlich sein. Der Inhalt ist nicht mehr über den ganzen Bildschirm verteilt und auch nicht mehr so elendig lang. Es ist wichtig zu wissen das Text ab einer gewissen Zeilen-länge schwer lesbar wird. Die Zeilenlänge begrenzen ist eine der Einfachsten tricks um schnell bessere Lesbarkeit zu haben.
Wie macht man das? Ganz einfach! es gibt einen sogenannten ‘style’-Tag in dem man CSS schreiben kann (CSS bedeutet “Cascading Style Sheets”, auf deutsch etwas wie “gestufte Gestaltungsbögen” - danke Wikipedia)
in diesem style-tag kann man Elemente der Seite ansteuern, z.B. den “body” - den Hauptcontainer der Seite. das sieht dann so aus:
<style>
body{
max-width:900px;
}
</style>
Das kannst du auch oben in dieser Seite sehen, dazu entweder Rechtsklick->Seitenquelltext oder F12 und in den DevTools den <head> Tag aufmachen.
Auf der nächsten “Seite” klären wir wie CSS überhaupt funktioniert und basteln dann weiter. Oh schau ein link, *klick*