flex-wrap
property
CSS3
Specifies whether flex items should wrap onto multiple lines when they overflow the container.
Syntax
flex-wrap: nowrap | wrap | wrap-reverse;
Example
css
.card-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.card-grid .card {
flex: 1 1 300px; /* grow, shrink, basis */
max-width: 400px;
}