Diskusi Rheksa Pramatya Wijayanto

Rheksa Pramatya Wijayanto
Ditanyakan pada: Flex dengan sintaks yang lebih ringkas

Masih binggung mengenai flex

tolong jelaskan lebih rinci dong mengenai flex-grow flex-basis dan flex-shrink

2 Jawaban

Bantu Jawab
Avatar
Muhammad Fakhry Burhanuddin

12 hari yang lalu

Untuk pertanyaan kakak sudah pernah ditanyakan siswa sebelumnya. Silahkan lihat diskusi berikut.

https://dashboard.codepolitan.com/learn/discussions/thread/pertanyaan-mengenai-flex-hpwd

https://dashboard.codepolitan.com/learn/discussions/thread/topik-flex-grow-dan-shrink-0gRz

Dan berikut artikel yang mungkin bisa membantu https://css-tricks.com/understanding-flex-grow-flex-shrink-and-flex-basis/

Avatar
BroKoding

12 hari yang lalu

Halo kak, properti flex-grow digunakan untuk menentukan seberapa banyak elemen flexbox dapat memperbesar dirinya dalam kontainer flex jika ada ruang tambahan. flex-shrink menentukan seberapa banyak elemen dapat mengecil jika ruang terbatas. Sementara flex-basis menentukan ukuran awal elemen sebelum ruang didistribusikan. Dengan kombinasi ketiganya, kita dapat mengatur perilaku elemen flexbox dalam responsif mengikuti perubahan ukuran kontainer dan memastikan tampilan yang sesuai.