Вчера случайно зарулил в рубрику «Переверстка» Игоря Штанга. Показалось интересно, решил попробовать свои силы. В одном из постов было задание переверстать таблицу. Не смотря в ответы я начал редактировать.

Сначала ход моих мыслей. Потом примеры участников и решение Игоря.

Исходная таблица:

Почему то сразу захотелось перевернуть таблицу

Кажется, что все должно получиться. Продолжим.
Воспользуемся приемом «вынести за скобки»

Скорее всего иконка будет не очень информативна.
Соберем все до конца, поправим и проверим

Слишком размазано и громоздко. Попробую исправить

Нагроможденность не пропала. Заголовок «Тарифы» выглядит хреново.

Сходил по гулял, через 4 часа продолжил…

В топку курсив, галочки и черточки. От них никакой пользы.
Сокращаем. Успокаиваем. Пишем все словами. Возвращаем в таблицу то, что было «за скобками»

Ну вот, другое дело. Подбешивает бухгалтерия-бухгалтерия, зарплата-зарплата, надо бы переименовать. Плюс не очень хорошо выглядят пустоты в таблице. Линейки можно убрать. Колонки не должны поломаться. Думаю что можно обойтись без группировки и писать «плюшки» каждого тарифа прям друг под другом.

Тогда в таком случае лучше вообще отказаться от таблицы и сделать все плитками

Примерно так. Для каждого варианта можно еще покрутить цвета, размеры, шрифты и отступы. Но для примера можно оставить и так. Пойду посмотрю ответы

Ответы участников
Решение Игоря Штанга

Своим результатом я доволен. Многие мысли и решения перекликаются с моими. Тема с переверсткой понравилась. Буду пробовать дальше