Как на FlexBOX сделать сетку с резиновыми блоками?

Question

[Cheizer]

Друзья, как сделать grid сетку с резиновыми блоками, что бы при минимальной ширине блока в 200px блоки переносились на новую строку?

Comments

[Froggyweb]

min-width: 200px

Answer 1

[Александр]

1. Убрать flex-basis, т. к. он диктует элементу, что он всегда чуть-чуть меньше четверти ширины родителя.
2. Для свойства flex указываем flex: 1 0 200px; (flex: [flex-grow] [flex-shrink] [flex-basis];).

Answer 2

[html-css]

min-width задайте