Responsive table layout. What mistakes are made?

Question

css

codepen.io/27cm/pen/NqjXpb?editors=110
I ask more experienced layout designers to point out the mistakes and shortcomings that I made when laying out an adaptive table.
Specifically, I am concerned about the following:

1. Due to the fact that tables (table) in html consist of rows and not columns, I was not able to keep the semantics and implement using a single table table. I had to use display: table / table-row / table-cell three times. As a result, instead of elegant table > tr > td, we got div > div > div > ...
   
2. Cells (for desktop) had to be given a fixed height, which is a consequence of 1 point. We'll have to impose stricter limits on the length of item names and descriptions, as cells won't grow if the text doesn't fit in them.
   

Thanks in advance.

Answer 1

I changed the width back and forth and found a jamb .