Display: flex
Flex container dobit će svojstvo fleksibilnosti kada primijenimo:
display: flex;
Display:grow
Predstavlja mogućnost flex elementa da se poveća ukoliko je potrebno. Preostali prazan prostor se dodjeljuje proporcionalno ovisno o tome koju flex-grow: brojačanu_vrijednost ima. Ako svi flex elementi imaju vrijednost 1, svi će zauzeti jednako dostupnog prostora. Ako jedno dijete ima vrijednost 2, a ostala djeca 1, dijete s vrijednosti 2 zauzet će dvostruko više prostora.
Display:shrink
Predstavlja mogućnost flex elementa da se skupi ukoliko je potrebno. Brojčana vrijednost određuje koliko će se određeno dijete koje ima flex element skupiti u odnosu na ostalu djecu. Vrijednost mora biti broj te negativne vrijednosti nisu dozvoljene.