Моя проблема в том, что я хочу flexbox с переменной шириной диапазона, и все работает хорошо, но не в последнем ряду. Мне нужно одинаковое измерение для всех детей, даже если строка не заполнена детьми (последний ряд).
#products-list {
position:relative;
display: flex;
flex-flow: row wrap;
width:100%;
}
#products-list .product {
min-width:150px;
max-width:250px;
margin:10px 10px 20px 10px;
flex:1;
}
Я создал динамическую ситуацию в jsFiddle
Мои flex-div могут уменьшаться до 150px и увеличиваться до 250px, но все они должны быть одинакового размера (и, очевидно, я хочу решение CSS, с JS я знаю способ).