How to make a grid with rubber blocks on FlexBOX?

Question

css

Friends, how to make a grid with rubber blocks, so that with a minimum block width of 200px, the blocks would be transferred to a new line?

Answer 1

1. Remove flex-basis, because it dictates to the element that it is always slightly less than a quarter of the parent's width.
2. Set the flex property to flex: 1 0 200px;( flex: [flex-grow] [flex-shrink] [flex-basis];).