Pengaruh Lebar Parent dalam Persentase terhadap Kompresi Blok Flex di CSS

Misalkan kita sekarang memiliki lima elemen flex, yang disusun dalam satu baris. Mari kita beri lebar pada parent dalam persentase, dan untuk semua elemen di dalamnya atur lebar menjadi 100px.

Buka contoh di bawah ini dan perkecil jendela browser sehingga elemen-elemennya tidak lagi muat di dalam parent. Untuk melakukannya, jendela perlu dipersempit kurang dari 500px, karena kita memiliki 5 elemen masing-masing sebesar 100px. Seperti yang sudah Anda ketahui, saat diperkecil seperti ini, browser akan secara paksa mengurangi lebar elemen menjadi kurang dari 100px agar muat di dalam parent. Jadi, berikut adalah contohnya: