Another question about the adaptive table. Or better not a table?

Question

css

There is a drawing that needs to be translated in some way into a form that is digestible for all resolutions.
There is an opinion to make everything a table, well, that is, not necessarily a tabular layout, but for example flex - for desktops 5 columns in 3 rows, in mobile resolutions on the contrary - 5 rows, the first 2 rows of 3 columns, the remaining 3 rows of 2 columns.
Or maybe something else that will help you look better?

Answer 1

For desktops, 5 columns in 3 rows, in mobile resolutions, on the contrary, 5 rows, the first 2 rows have 3 columns, the remaining 3 rows have 2 columns.

That's right, you described the standard grid. In the figure, the elements look disgusting, because the proportions are not respected (different indents, pictures of different sizes, amount of text, etc.). Draw in any form (on paper, in Photoshop) the basic markup, beautifully break the elements, and typeset.
If it's a picture, then just nicely crop each element and scatter in size, or make a separate additional wrapper for each element that will align and center.