| Properti | Mengatur apa | Nilai yang sering dipakai |
|---|---|---|
| justify-content | Perataan pada sumbu utama | flex-start, center, space-between |
| align-items | Perataan pada sumbu silang | stretch, center, flex-start |
| gap | Jarak antar item | 8px, 16px, 1rem |
| flex-wrap | Boleh atau tidaknya item turun baris | nowrap, wrap |
.rak {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}Nilai bawaan flex-wrap adalah nowrap: semua item dipaksa muat dalam satu baris dan menyempit. Dengan wrap, item yang tidak muat pindah ke baris berikutnya, dan gap tetap berlaku untuk jarak antarbaris.