heinetz: Flexbox | Die eierlegende Wollmilchsau?

Beitrag lesen

Hallo Forum,

ich habe vor 17 Jahren Designs mit Tabellen umgesetzt. Später habe ich irgendwann gelernt, dass man keine Tabellen mehr benutzen soll und mich in das nicht einfach Box-Modell eingearbeitet, um alles in DIVs abzubilden und heute kann man angeblich alles endlich mit der Flexbox lösen. Um herauszufinden, was da dran ist, will ich nun endlich anfangen, sie einzusetzen.

Meine erste Frage:

Das Design für meinen Footer habe ich grob als Hypertext umgesetzt. Grundsätzlich unterteilt er sich in drei Zeilen (.o-footer__top, .o-footer__center, .o-footer__bottom). Der umschliessende Container (.l-grid-container__grid) hat die Eigenschaft display:flex. Ich kann diesen Container nicht beeinflussen. Die direkten Nachfahren (.o-footer__top, .o-footer__center, .o-footer__bottom) werden also erst einmal nebeneinander dargestellt (Codepen). Um zu erreichen, dass sie untereinander dargestellt werden, würde ich allen width:100% mitgeben (Codepen).

Das funktioniert aber macht es Sinn/Gibt eine saubere Lösung?

danke für Tipps und beste gruesse, heinetz