Да, мы можем достичь этого, используя flex box
Вот пример кода, где мы можем переносить наши элементы на новую строку, когда она достигает определенной ширины, без записи какого-либо внешнего носителязапросы.
Только нам нужно сделать, это как применить указанные ниже свойства в родительском элементе
display: flex;
flex-wrap: wrap;
justify-content: start;
Даже это одно из преимуществ использования flex-box concept.
.container {
display: flex;
flex-wrap: wrap;
justify-content: start;
}
.column-1, .column-2, .column-3 {
width: 250px;
height: 100px;
margin: 5px;
}
.column-1 {
background: green;
}
.column-2 {
background: red;
}
.column-3 {
background: yellow;
}
<div class="container">
<div class="column-1"></div>
<div class="column-2"></div>
<div class="column-3"></div>
</div>