Gunnar Bittersmann: Gestaltung mit Flexbox

Beitrag lesen

@@Henry

Wie gesagt, mir fällt kein Szenario ein, bei dem ich standard-gridlayout nicht klassisch hinbekomme.

Mir ja. Hatte ich letztens erst: Die zur Verfügung stehende Breite soll vollständig genutzt werden und gleichmäßig in möglichst viele Spalten aufgeteilt werden, die mindestens x breit sein sollen. Die Items füllen die Spalten in Leserichtung (von links nach rechts; von oben nach unten).

(Das wäre mit etlichem Aufwand umsetzbar für eine gewisse maximale Anzahl n von Spalten. Man müsste sich n − 1 Breakpoints berechenen und für diese jeweils Regeln angeben. Den Aufwand will man nicht betreiben, zumal er nicht zu einer allgemeinen Lösung führt.)

Auch bei diesem Mosaik möchte ich nicht darüber nachdenken wollen, wie das ohne Grid gehen sollte.

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann
0 93

Gestaltung mit Flexbox

Renato
  • css
  • flexbox
  1. 0
    MrMurphy1
  2. 0
    Gunnar Bittersmann
    • css
    • flexbox
    • grid
    1. -3
      Henry
      1. 1
        Gunnar Bittersmann
        1. -1
          Henry
          1. 0
            Gunnar Bittersmann
            1. 0
              Henry
              1. 0
                Gunnar Bittersmann
                1. 0
                  Henry
                  1. 1
                    Gunnar Bittersmann
                    • css
                    • grid
                    1. 0
                      Tabellenkalk
              2. 0
                Gunnar Bittersmann
                1. -3
                  Henry
                  1. 1

                    "klassisches Tabellenlayout"

                    Regina Schaukrug
                    1. 0
                      Henry
        2. 0
          marctrix
          1. 0
            marctrix
            1. 0
              marctrix
            2. 0
              Matthias Apsel
              • css
              1. 0
                marctrix
                1. 0
                  ottogal
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      marctrix
                      • css
                      • grid
                      1. 0
                        ottogal
                        1. 0
                          marctrix
                          1. 0
                            Gunnar Bittersmann
                        2. 1
                          Gunnar Bittersmann
            3. 0
              Gunnar Bittersmann
              • css
              • grid
              1. 0
                marctrix
      2. 0
        marctrix
        1. 0
          Henry
          1. 0
            marctrix
            1. 0
              MrMurphy1
            2. 0
              Henry
              1. 0
                marctrix
                1. 0
                  Henry
                  1. 0
                    marctrix
                    1. 0
                      Henry
                      1. 2
                        Christian Kruse
                        1. 0
                          Henry
                          1. 0
                            Christian Kruse
                            1. 0
                              Henry
                              1. 1
                                Christian Kruse
                                1. 0
                                  Henry
                                  1. 0
                                    Christian Kruse
                                    1. 1
                                      marctrix
                                      1. 0
                                        Henry
                                        1. 0
                                          marctrix
                                          1. 1
                                            Henry
                                            1. 0
                                              marctrix
                                              1. 1
                                                MudGuard
                                                1. 0
                                                  marctrix
                                                  1. 0
                                                    MudGuard
                                                    1. 0
                                                      Gunnar Bittersmann
                                                      • menschelei
                                                      1. 0
                                                        MudGuard
                                                        1. 0
                                                          Gunnar Bittersmann
                                                          1. 0
                                                            MudGuard
                                                            1. 0
                                                              Gunnar Bittersmann
                                                    2. 0
                                                      marctrix
                                2. 0
                                  marctrix
                                  • menschelei
                                  • sonstiges
                                  1. 0
                                    Christian Kruse
                                    1. 0
                                      marctrix
                                      1. 1
                                        Christian Kruse
                                        1. 0
                                          marctrix
                                    2. 0

                                      Hardware ...

                                      MudGuard
                                      1. 0
                                        Christian Kruse
                                        1. 0
                                          MudGuard
                                          1. 0
                                            Christian Kruse
                                            1. 0
                                              MudGuard
                                              1. 0
                                                Christian Kruse
                                              2. 0
                                                Gunnar Bittersmann
                                                1. 1
                                                  MudGuard
                                                  1. 0
                                                    Gunnar Bittersmann
                                                    • menschelei
                                    3. 1
                                      Matthias Apsel
                                      1. 1
                                        Christian Kruse
                                        1. 0
                                          Matthias Apsel
                                          1. 0
                                            Christian Kruse
                                            1. 0
                                              Matthias Apsel
                                              1. 0
                                                Christian Kruse
                                                1. 1
                                                  Matthias Apsel
                          2. 0
                            marctrix
                      2. 0
                        marctrix
                        1. 0
                          Henry
                          1. 0
                            marctrix
                            1. 0
                              Henry
                              1. 0
                                marctrix
              2. 0
                marctrix
          2. 0
            Gunnar Bittersmann
            1. 0
              Henry
              1. 0
                Gunnar Bittersmann
                1. 0
                  marctrix
                  1. 1
                    Gunnar Bittersmann