CSS Flexbox Responsive Pakai Flex Wrap
.container {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.item {
flex: 1 1 250px; /* grow, shrink, basis */
min-width: 200px;
max-width: 1fr; /* optional */
}
Penjelasan
Item akan otomatis turun ke baris baru kalau tidak muat.