Učenje o Flexboxu

Što je Flexbox?

Flexbox (Flexible Box Layout) je CSS model koji omogućava jednostavno raspoređivanje, poravnavanje i raspodjelu prostora između elemenata unutar fleksibilnog kontejnera. Ideja je da se elementi prilagođavaju veličini dostupnog prostora i uređaju na kojem se prikazuju.

Osnovna svojstva Flexboxa

• flex-direction: Određuje smjer rasporeda elemenata (horizontalno ili vertikalno).
• justify-content: Raspoređuje prostor između fleksibilnih elemenata duž glavne osi.
• align-items: Poravnava elemente duž poprečne osi.
• flex-wrap: Omogućava elementima da prelaze u novi red/stupac ako ne stanu u dostupan prostor.
• flex: Omogućava fleksibilno prilagođavanje veličine elemenata.