Может ли Flexbox обнаружить, когда обертывает изгиб? ⇐ Html

[Anonymous]

Я надеюсь избавиться от медиа -запросов и просто использовать Flexbox, чтобы решить мою проблему, но я не уверен, возможно ли это. Когда окно становится меньше, я хочу, чтобы колонны сокращались, пока они не достигли своей минимальной ширины. Как только они поражают это, средний столбец спрыгнет вниз для обертки. < /p>

Я думаю, что мой вопрос сводится к этому- может обнаружить Flexbox при завершении? Если так, могу ли я попросить его изменить порядок элементов на упаковке со строгими CSS? Lang-CSS PrettyPrint-Override ">

Код: Выделить всё

.wrapper {
display: flex;
justify-content: center;
margin: 5px;
flex-wrap: wrap;
}

.red {
background-color: red;
height: 240px;
margin: 5px;
width: 500px;
order: 0;
}

.yellow {
background-color: yellow;
margin: 5px;
height: 240px;
min-width: 240px;
max-width: 400px;
flex: 1;
order: 1;
}

.blue {
background-color: blue;
height: 240px;
margin: 5px;
min-width: 350px;
max-width: 400px;
flex: 1;
order: 2;
}

@media (max-width:1130px) {
.yellow {
order: 4;
}
}< /code>

Подробнее здесь: https://stackoverflow.com/questions/434 ... item-wraps