What properties to set flex items?

Question

HTML

Good afternoon!
There is a product catalog - it's flex with flex-wrap:wrap;
The food itself is inside.
The question is: what properties to set for flex items so that they have a maximum size of 350px; minimum size 250px; and while the directory itself is decreasing in width, the flex items are first reduced to the minimum width, then transferred, and there they are increased to the maximum width.
Is this possible at all?

Answer 1

https://jsfiddle.net/esuyo7ct/

Answer 2

Here is another good way on grids
https://habr.com/en/company/edison/blog/344878/

Answer 3

If you know the number in the line, you can use width 100% / number of elements.
Although the Pink bird option is better for me)