Properti flex-grow menetapkan faktor pertumbuhan flex dari item flex. Faktor pertumbuhan fleksibel adalah <nomor> yang menentukan berapa banyak item fleksibel akan tumbuh relatif terhadap sisa item fleksibel dalam wadah fleksibel ketika ruang bebas positif didistribusikan. Nilai awal adalah nol (0), dan angka negatif tidak valid.

Jika item flex diletakkan pada garis flex sedemikian sehingga mereka tidak mengambil seluruh ruang pada baris itu, Anda dapat “memperluas” item flex sehingga mereka memenuhi seluruh baris. Jumlah ruang yang tersedia pada saluran dapat didistribusikan di antara item fleksibel mengikuti proporsi spesifik yang dapat Anda tentukan menggunakan properti flex-grow. Semakin tinggi nilai flex-grow, semakin banyak item dibiarkan tumbuh relatif terhadap item lainnya.

Misalnya, Anda dapat mendistribusikan ruang di antara item fleksibel sedemikian rupa sehingga salah satu item ini selalu mendapat ruang dua kali lebih banyak dari yang lain. Anda dapat melakukannya dengan mengatur nilai properti flex-grow ke 2 (dua). Item dengan pertumbuhan-fleksibel: 2 akan tumbuh dua kali lipat dari item dengan pertumbuhan-fleksibel: 1 — ia mendapat ruang dua kali lebih banyak dari yang terakhir. Jadi, untuk setiap satu piksel yang didapat item kedua, item pertama tumbuh dua piksel.

Perhatikan bahwa properti flex-grow adalah animatable, kecuali antara nilai nol (0) dan nilai lainnya.

Properti flex-grow biasanya digunakan bersamaan dengan properti flex-shrink dan flex-basis, dalam properti flex steno.

Contoh: