Адаптивная вёрстка таблицы. Какие ошибки допущены?

Question

[Котик Антон]

codepen.io/27cm/pen/NqjXpb?editors=110

Прошу более опытных верстальщиков указать на ошибки и недочёты, допущенные мной при вёрстке адаптивной таблицы.

Конкретно меня тревожат следующие моменты:

1. Из-за того, что таблицы (table) в html состоят из строк, а не столбцов, мне не удалось сохранить семантику и реализовать с использованием одной таблицы table. Пришлось использовать display: table / table-row / table-cell аж целых три раза. В итоге вместо изящного table > tr > td получился div > div > div > ...
   
2. Ячейкам (для desktop) пришлось задать фиксированную высоту, что является следствием 1 пункта. Придётся накладывать более строгие ограничения на длину названий предметов и описаний, так как ячейки не будут увеличиваться, если текст не будет в них помещаться.
   

Заранее спасибо.

Comments

[Станислав Макаров]

Красивое расписание. Серьезно. У нас распечатка на стенке и то хуже была по верстке, а на сайте тем более. Успехов вам с этим проектом.

[Котик Антон]

Станислав Макаров: Спасибо, стараемся.

Answer 1

[teotlu]

Поизменял ширину туда-сюда и нашёл косячок.

Comments

[Котик Антон]

Спасибо, поправил.