Using flexbox as to make the selection of the width of cells in table?

Good afternoon. It took pereverstyvat table (used display: table, table-row and table-cell) to display: flex. And then there was a problem - I like the table, the browser looks all rows in the table and adjusts the column widths so that each line needed, i.e. aligns the content in the columns. And if you use flex, it turns out each line aligns its internal units independently of the other rows and it is clearly not a table.

Alternatively, it is possible to specify width in % and min-width and max-width in pixels. To become much better. It is similar to the table, but still no the main benefit of the table - the selection of the width of the cell and distribution of empty seats on the basis of content(!), and not just the rigid framework width. Can I somehow not registered or not properly spaced?

Link to iconico: codepen.io/dimm/pen/VaOXPG
Thank you.
July 9th 19 at 13:26
1 answer
July 9th 19 at 13:28
If we make a table using display: flex, and flow should be in columns. Ie a column for the first column stables the second and third. Then get what you want to do.

Find more questions by tags CSSFlexboxHTML