Hallo
Irgend etwas ist bei deiner Umsetzung schiefgelaufen.
So hat bei dir die Datei
./Beispiel:SELFHTML-Beispiel-Grundlayout.css
einen anderen Inhalt als bei selfhtml.
Die "falschen" Umlaute / Sonderzeichen entstehen entweder weil dein Editor UFT-8 nicht unterstützt oder nicht darauf eingestellt ist oder weil du als Vorlage eine Datei mit einer anderen Zeichenkodierung gewählt hast. Die wird von den Editoren dann in der Regel beibehalten.
Das mache ich auch. Jedoch ging es mir darum, dass ich nicht will, dass bei breiten Bildschirmen der Inhalt so weit g e s t r e c k t aussieht.
Bei selfhtml hat das body-Element eine max-width von 60em, die bei dir fehlt.
Insgesamt solltest du bei Flexbox deine Lösungen grundsätzlich in allen gebräuchlichen, greifbaren Browsern testen, also unter Windows mit FF, IE11, Chrome und Opera. Die haben alle ihre Eigenheiten bei Flexbox und benötigen deshalb manchmal Nachhilfe.
Gruss
MrMurphy