Flexbox Grid

[Rolf ẞ]

Hallo Tom,

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.

Rolf