"justify-content" viszonyított visszintes igazítás

flex-start: Az elemek a konténer bal oldalára igazodnak.
flex-end: Az elemek a konténer jobb oldalára igazodnak.
center: Az elemek a konténer közepére igazodnak.
space-between: Az elemek úgy igazodnak, hogy köztük a hely egyenlő mértékben oszlik meg.
space-around: Az elemek úgy igazodnak, hogy a körülöttük lévő hely egyenlő maradjon.

"align-items" viszonyított függőleges igazítás

flex-start: Az elemek a konténer tetejére igazodnak.
flex-end: Az elemek a konténer aljára igazodnak.
center: Az elemek a konténeren belül függőlegesen középre igazodnak.
baseline: Az elemek a konténerben a szöveg alapvonalához igazodnak.
stretch: Az elemek széthúzódnak, kifeszülnek, hogy kitöltsék a konténert.

"flex-direction" tulajdonság deffiniálja az irányzékot

row: Az elemek a szöveg irányával megegyezően helyezkednek el.
row-reverse: Az elemek a szöveg irányával ellentétes sorrendben helyezkednek el.
column: Az elemek fentről lefelé rendeződnek.
column-reverse: Az elemek lentről felfelé rendeződnek.

10. Amennyiben kombinálom a kettőt értem itt a flex direcion:row-reverse;-t akkor

a "start és a end" is megfordul a justify-content-nél

EZEN FELÜL A VIZSZINTES IS FELCSERÉLŐDIK A FÜGGŐLEGESSEL HA "flex-direction:column"

"order" áthelyezi 0 az alapértelmezett

"align-self" egy elem mozgatása

"align items" parancsok -||-

"flex-wrep" Sortörés

nowrap: Minden elem egyetlen sorba tömörödik.
wrap: Az elemek további sorokba törnek.
wrap-reverse: Az elemek további sorokba törnek fordított irányban.

"align-content" milyen távokra legyenek a sorok:

flex-start: A sorok a konténer tetejére rendeződnek.
flex-end: A sorok a konténer aljához rendeződnek.
center: A sorok a konténeren belül függőlegesen középre rendeződnek.
space-between: A sorok közötti tér kiegyenlítetten oszlik el.
space-around: A sorok körülötti tér egyenlően oszlik el.
stretch: A sorok széthúzódnak, hogy kitöltsék a konténerüket.