Какие свойства нужна для блоков в flexbox?

Question

[Максим Ахмеров]

Есть требования к блокам:
max-width: 300px;
min-width: 200px;
Какие свойства нужно прописать блокам, чтобы работало так:
чтоб когда блоки по 300px в строку не влезали, то они уменьшались до 200, а потом 1 блок вылетал и в строке блоки опять по 300px

Answer 1

[Максим Ахмеров]

Нашел ответ:
.container {
display:flex;
flex-wrap:wrap;
}
.block {
flex-grow: 1;
flex: 1 0 200px;//причем нужно рястягивание именно так записать, а не отдельно flex grow и min-width, иначе работать не будет
max-width: 300px;
margin: 10px;
}

Answer 2

[Владислав Лысков]

div{
display:flex;
flex-wrap:wrap;
}
div > div
{
max-width: 300px;
min-width: 200px;
}

Comments

[Максим Ахмеров]

нет, блоки не изменяются по ширине, они просто выпадают

[Владислав Лысков]

Максим Ахмеров, тогда нужны %
как-то так

div{
display:flex;
flex-wrap:wrap;
  max-width:100%;
}
div > div
{
  background:blue;
  margin:15px;
  height:15px;
  max-width: 80%;
  min-width: 10%;
}

[Максим Ахмеров]

Владислав Лысков, тогда эти требования не будут соблюдены
max-width: 300px;
min-width: 200px;