Gunnar Bittersmann: Flexbox Grid

Beitrag lesen

@@Mitlesender Dummer

Für mich sind Grids völliges Neuland. Ich verstehe deshalb nicht, wieso bei deren Verwendung die Media Queries wegfallen sollten. Wenn ich ein responsive Design mache, dann brauche ich doch auch bei der Verwendung von Grids Breakpoints und somit Media Queries, oder?!

Nein, brauchst du nicht. Anstatt mit MQs festzulegen, wie viele Boxen jeweils in Spalten nebeneinander sein sollen, und ½, ⅓, ¼ usw. in Prozente umzurechnen, kannst du bei Grid einfach sagen: du hömmal Browser, pack mir mal soviele Boxen nebeneinander wie Platz ist, wobei die Boxen mindestens soundso breit sein sollen.

Wie meintest Du das?

Wie im verlinkten Codepen gezeigt.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
0 137

Flexbox Grid

Sophie
  • css
  • html
  1. 1
    Gunnar Bittersmann
    1. 0
      Sophie
      1. 0
        Gunnar Bittersmann
        1. 0
          Sophie
          1. 0
            Gunnar Bittersmann
            1. 0
              Gunnar Bittersmann
  2. 0
    at
    1. 0
      Gunnar Bittersmann
      1. 0
        at
        1. 0
          Gunnar Bittersmann
          1. 1
            at
            1. 0
              Gunnar Bittersmann
              1. 1
                at
                1. 0
                  Gunnar Bittersmann
                  1. 1
                    at
                    1. 1
                      Gunnar Bittersmann
                      1. -1
                        at
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              at
                            2. 0
                              Mitlesender Dummer
                              1. 0
                                Gunnar Bittersmann
                                1. 2
                                  Mitlesender Dummer
                                  1. 0
                                    marctrix
                                  2. 0
                                    Gunnar Bittersmann
                              2. 0
                                TS
                                1. 1
                                  Rolf ẞ
                                  1. 0
                                    TS
                                    1. 1
                                      Matthias Scharwies
                                      1. 1
                                        Mitlesender Dummer
                                        1. 0
                                          Gunnar Bittersmann
                                        2. 2

                                          Grid Layout im Wiki

                                          Matthias Scharwies
                                        3. 4

                                          Grid im Self-Wiki

                                          Matthias Scharwies
                                          • css
                                          • grid
                                          • html
                                          1. 1
                                            marctrix
                                            1. 1
                                              Gunnar Bittersmann
                                              • css
                                              • grid
                                              1. 0
                                                marctrix
                                                1. 0
                                                  marctrix
                                                  1. 1
                                                    Gunnar Bittersmann
                                                    1. 0
                                                      marctrix
                                                  2. 0
                                                    marctrix
                                                2. 0
                                                  Gunnar Bittersmann
                                                  1. 1
                                                    JürgenB
                                                    1. 0
                                                      marctrix
                                                      1. 0
                                                        Gunnar Bittersmann
                                                        • html
                                                        1. 0
                                                          marctrix
                                                    2. 0
                                                      Gunnar Bittersmann
                                                  2. 0
                                                    marctrix
                                                    1. 0
                                                      Gunnar Bittersmann
                                                      1. 0
                                                        marctrix
                                                        1. 0
                                                          Gunnar Bittersmann
                                                          1. 0
                                                            marctrix
                                                      2. 0
                                                        Gunnar Bittersmann
                                                        1. 0
                                                          marctrix
                                                          1. 0
                                                            Gunnar Bittersmann
                                                            1. 0
                                                              marctrix
                                                              1. 0
                                                                Gunnar Bittersmann
                                                                1. 0
                                                                  marctrix
                                                                  1. 0
                                                                    Gunnar Bittersmann
                                                                    1. 0
                                                                      marctrix
                                            2. 0
                                              Matthias Scharwies
                                              1. 0
                                                Julius
                                                • browser
                                                • microsoft
                                                1. 0
                                                  Matthias Scharwies
                                                  1. 0
                                                    Auge
                                                    1. 0
                                                      Sophie
                                                      1. 0
                                                        Auge
                                              2. 0
                                                marctrix
                                                1. 0
                                                  Christian Kruse
                                                  1. 0
                                                    marctrix
                                                    1. 0
                                                      Christian Kruse
                                                  2. 0
                                                    Gunnar Bittersmann
                                                  3. 0
                                                    Gunnar Bittersmann
                                                  4. 2
                                                    MudGuard
                                                2. 0
                                                  marctrix
                                                  1. 0
                                                    Gunnar Bittersmann
                                                3. 0
                                                  Gunnar Bittersmann
                                                  1. 0
                                                    marctrix
                                                    1. 1
                                                      MudGuard
                                    2. 2
                                      Rolf ẞ
                                      • css
                                      • html
                                      • humor
                                      1. 0
                                        TS
                                        • css
                                        • html
                                        1. 0
                                          Rolf ẞ
                                          1. 0
                                            Tabellenkalk
                                      2. 0
                                        marctrix
                            3. 0
                              Sophie
                              1. 0
                                Julius
                          2. 0
                            at
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                at
                                1. 0
                                  Gunnar Bittersmann
                                  1. 0
                                    at
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 1
                                        at
                                        1. 1
                                          Gunnar Bittersmann
                                          1. 0
                                            at
                                            1. 0
                                              Sophie
                            2. 0
                              marctrix
                              1. 1
                                at
                                1. 0
                                  marctrix
                                  1. 0
                                    at
                                  2. 0
                                    Gunnar Bittersmann
                                    • zu diesem forum
                                    1. 0
                                      marctrix
                                      1. 3
                                        at
                                        1. 0
                                          marctrix
                                          1. 2
                                            Christian Kruse
                                            1. 0
                                              marctrix
                                              1. 0
                                                Christian Kruse
                                                1. 1
                                                  marctrix
                                                  1. 0
                                                    Gunnar Bittersmann
                                                    1. 1
                                                      marctrix
                                                      1. 3
                                                        Gunnar Bittersmann
                                                        1. 0
                                                          marctrix
                                                2. 0
                                                  marctrix
                                                  1. 0
                                                    at
                                                    1. 0
                                                      marctrix
                                                      1. 0
                                                        at
                                                        1. 0
                                                          marctrix
                                                    2. 0
                                                      Gunnar Bittersmann
                                                      1. 1
                                                        Gunnar Bittersmann
                                                        1. 0
                                                          JürgenB
                                                          1. 0
                                                            marctrix
                                                      2. 0
                                                        at
                                                        1. 1
                                                          Gunnar Bittersmann
                2. 0
                  marctrix
                  1. 0
                    at
                    1. 0
                      marctrix
                      1. 0
                        at
                        1. 0
                          marctrix
                          1. 0
                            at
                            1. 0
                              marctrix
                              1. 2
                                Christian Kruse
                                1. 0
                                  marctrix
                                  1. 0
                                    at
                                2. 0
                                  Pronnewoppen
                                  • meinung
                                  1. 0
                                    marctrix
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        Matthias Apsel
                                        • menschelei
                                      2. 1
                                        marctrix