Apa properti flex-grow di css

1. Flex-grow mengacu pada perluasan lebar yang ditempati oleh item fleksibel. Ruang yang diperluas adalah ruang kosong yang tersisa setelah mengecualikan elemen.

2. Nilai negatif tidak didukung. Nilai defaultnya adalah 0, yang berarti ruang kosong yang tersisa tidak akan ditempati untuk memperluas lebarnya.

Jika flex-grow lebih besar dari 0, alokasi ruang yang tersisa di wadah fleksibel akan terjadi.

Contoh

 // bagian HTML 





// bagian CSS.kotak{
lebar: 600 piksel;
tinggi: 200 piksel;
batas: 1px padat;
tampilan: fleksibel;
}
.box div: tipe ke-n (1) {
lebar: 100 piksel;
tinggi: 100 piksel;
warna latar: merah;
}
.box div: tipe ke-n (2) {
lebar: 150 piksel;
tinggi: 100 piksel;
warna latar: biru langit;
}
.box div: tipe ke-n (3){
lebar: 200 piksel;
tinggi: 100 piksel;
warna latar belakang: kuning;
}

Di atas adalah pengenalan atribut flex-grow di CSS, semoga bermanfaat bagi semuanya.