Kompresija flex blokova pri nedostatku prostora u CSS-u

Neka imamo tri fleks bloka, postavljena unutar roditelja u red. Svakom dete-bloku je zadana širina od 100px, a njihovom roditelju - 300px:

Hajde da dodamo više blokova tako da ukupna širina ovih dete-blokova bude veća od širine njihovog roditelja. U ovom slučaju videćete neočekivan efekat - širina blokova će se smanjiti tako da se svi smeste u svog roditelja, uprkos tome što je dete-blokovima eksplicitno navedena širina: