Is it possible to make flex items "columns" but without specifying a width?

Question

css

There are two views in which flex items should take up 33%, i.e. share 3 elements in a row, in another view - two elements in a row, 50% each. Well, like goods in IM.
Here is a blank - https://jsfiddle.net/w8kzdn6m/
Is it possible to somehow make universal css to avoid two classes specifying the width of the elements?

Answer 1

on pure flex, no, grids were invented for this, or manual media queries

Answer 2

Here is a version without a class, but with a media expression
https://jsfiddle.net/gcr4j3o8/
just change the width of the container with the result and you will see how after 900px everything ages 3 in a row, and up to 2 in a row.