Flexbox Grid

[TS]

Hello,

einfache Anleitung, hm. Dazu müsste ich Erfahrung damit haben. In meiner naiven Vorstellung sieht das so aus:

1. lösche table-layoutetes HTML
2. verabschiede dich von der Idee, dass DU das Layout pixelgenau vorgibst
3. schreibe den Markup als HTML5 neu
4. gib dem Browser per grid und flex ein paar Tipps, wie er deine Teile je nach Screen-Breite anordnen könnte
5. ducke dich unter dem Geschrei der Altbrowser-Nutzer - bzw. vermeide den Go-Live bevor Du die folgenden Schritte absolviert hast
6. such Dir eine Möglichkeit, mit Altbrowsern zu testen
7. fummele einen Fallback-Style hin, so dass die Seite dort noch halbwegs lesbar ist.

Klingt jetzt blöd. Aber table-layoutetes HTML ist für progressive enhancement bzw. responsive layout einfach nicht geeignet.

Danke dafür, dass Du auf meine Provokation eingegangen bist. Vielleicht hilft DEINE Anleitung nun wirklich ein kleines Stück...

Trotz vieler Quellen ist es auch mir (der seit ca. 21 Jahren HTML-geschädigt ist) bisher nicht gelungen, den Wechsel logisch sauber zu verarbeiten :-O

Liebe Grüße
Tom S.