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