Flexbox

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.