Flex blokkok összenyomódása helyhiány esetén CSS-ben
Tegyük fel, hogy három flex blokkunk van,
amelyek egy sorban helyezkednek el a szülőn belül.
Minden gyermek blokknak 100px szélesség van megadva,
a szülőjüknek pedig 300px:
Adjunk hozzá több blokkot úgy, hogy a gyermek blokkok összesített szélessége nagyobb legyen, mint a szülőjük szélessége. Ebben az esetben egy váratlan hatást fog látni - a blokkok szélessége lecsökken annyira, hogy mind beférjenek a szülőjükbe, annak ellenére, hogy a gyermek blokkoknak kifejezetten meg van adva a szélességük:
Ismételje meg a mintának megfelelően az elméleti rész példáját.