Ich habe mich heute abend zwei Stündchen hingesetzt und endlich das gemacht, was ich schon seit ca. einem Jahr vorhatte, nämlich das Layout von praegnanz.de für kleinere Bildschirme zu optimieren.

Dabei gehe ich in insgesamt vier Extra-Stufen vor, wobei es im Grunde nur zwei Hauptstufen sind, die mit drei Mini-Zwischenstufen ergänzt werden:

1. Normal-Layout (ab 1070px Breite)
2. praegnanz.de-Schriftzug wird eingerückt (780–1070px)
3. praegnanz.de-Schriftzug verschwindet, Abstände zwischen den Spalten schrumpfen (717–780px)
4. komplett linearisiertes Layout, linke Spalte entfällt (481–780px)
5. Mobile-Safari-Schriftgrößenanpassung wird deaktiviert (unter 481px)

Noch sind nicht alle Bereiche gut zugänglich und hübsch gemacht, aber in Kürze werde ich mich um die entsprechenden Anpassungen kümmern. Irgendwann muss man mal anfangen!