27cm
@27cm
TODO: Написать статус

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

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 пункта. Придётся накладывать более строгие ограничения на длину названий предметов и описаний, так как ячейки не будут увеличиваться, если текст не будет в них помещаться.


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

8a9a477a5b1349279ddfec762b9c813d.png
  • Вопрос задан
  • 965 просмотров
Решения вопроса 1
teotlu
@teotlu
Навёрстываю упущенное
Поизменял ширину туда-сюда и нашёл косячок.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы