Osnove Flexboxa:
Flexbox (ili CSS Flexbox) je metoda za raspored elemenata unutar kontejnera u CSS-u. Pomaže u fleksibilnom i dinamičkom rasporedu elemenata, koji se prilagođavaju veličini ekrana i dimenzijama njihovih roditeljskih elemenata.
Neki od ključnih pojmova u Flexbox-u su:
lex container: Element koji sadrži flex elemente. Da biste koristili Flexbox, prvo treba da postavite roditeljski element sa display: flex;.
Flex items: Elementi unutar flex container-a, koji se automatski prilagođavaju i raspoređuju u skladu sa pravilima Flexbox-a.
Flex direction: Definiše glavnu osu rasporeda (horizontalno ili vertikalno). Može biti row (po defaultu, horizontalno), column (vertikalno), i druge varijante.
Justify-content: Koristi se za poravnavanje flex item-a duž glavne ose (npr. horizontalno ako je flex-direction: row).
Align-items: Koristi se za poravnavanje flex item-a duž poprečne ose (vertikalno ako je flex-direction: row).
Align-self: Omogućava individualno poravnavanje svakog flex item-a.