Flexbox – metody rozmieszczania elementów na stronie [CSS]

Reading Time: < 1 minute

Flexbox to jedna z coraz to popularniejszych metod rozmieszczania elementów w obrębie witryny internetowej. Metoda ta stanowi swoiste „lekarstwo” na mankamenty jakie posiada tradycyjna metoda budowy stron internetowych – blokowa.

Podczas gdy w metodzie blokowej musimy często kombinować jak wyświetlić poprawnie element HTML w analogiczny sposób na każdej przeglądarce – w flexbox nie musimy już o tym myśleć. Metoda jest praktycznie obsługiwana przez wszystkie przeglądarki internetowe w ten sam sposób.

Po pierwszym spotkaniu z tą technologią nie bardzo wiedziałam jak mam się do niej zabrać. Stanowiła dla mnie wyzwanie bo była czymś innym – aby się do niej przekonać musiałam zmienić nie tyle sposób myślenia ale samo podejście. Ostatecznie okazała się całkiem łatwa a co najważniejsze przydatna. W banalny sposób rozwiązywała problemy, które w do tej pory używanej przez zemnie tradycyjnej metodzie były praktycznie nie do rozwiązania.

Flexbox posiada wiele ciekawych rozwiązań ze względu na ich ilość podzielę ten wpis na kilka części. W miarę pojawiania się nowych przykładów i rozwiązań będę zamieszczać odpowiednie linki.

Znajomość flexbox może okazać się przydatna np. w sytuacji kiedy chcemy pracować z Bootstrap 4 i 5.