Przy każdej nowej wersji CSS pojawia się mnóstwo nowych, ekscytujących atrybutów; jednym z nich jest niedoceniany wyświetlacz: elastyczne podejście.

Model układu flexbox unosi się w Internecie już od pewnego czasu, za każdym razem z własną odmianą podejścia (niektóre przestarzałe, takie jak display: box lub display: flexbox method).

W dzisiejszym przewodniku odkryjemy zalety korzystania z techniki flexbox w naszych własnych układach.

Niektóre wspaniałe cechy nowego modelu to:

  • Łatwe wymiarowanie; nie trzeba dotykać kodu HTML
  • Zmień kolejność na wietrze, używając liczb całkowitych w arkuszu stylów
  • Dotyczy wszystkich elementów podrzędnych w obrębie poprawnie zdefiniowanego rodzica
  • Nigdy więcej poprawek!

W część 2 przyjrzymy się, jak zrobić to jeszcze dalej, i przekształcić układ flexbox w pełnowartościowy, responsywny projekt!

Czy korzystałeś z układu flex box do układu? Czy wolisz inną metodę? Daj nam znać w komentarzach.

Wyróżniony obraz / miniatura, elastyczny obraz przez Shutterstock.