Широкая сравнительная таблица тарифов или характеристик на мобильном экране требует другого подхода, чем простое сжатие колонок до нечитаемого размера.
Горизontальная прокрутка с явным индикатором
Оберните таблицу в контейнер с overflow-x: auto и добавьте визуальную подсказку (например, лёгкую тень с края или маленькую стрелку), что таблицу можно прокрутить вбок — без такой подсказки часть посетителей не догадается, что скрытые колонки вообще существуют.
Превращение в карточки для мобильного экрана
Альтернативный подход — на мобильных экранах показывать не таблицу, а последовательность карточек, где каждая карточка соответствует одному варианту (например, одному тарифу) со всеми его характеристиками, подписанными по вертикали — это требует отдельной вёрстки под мобильный экран, но обычно удобнее для чтения.
Фиксация первой колонки при прокрутке
Если таблица сравнивает несколько вариантов по общему списку характеристик, полезно зафиксировать первую колонку с названиями характеристик неподвижной при горизонтальной прокрутке остальных — так пользователь не теряет контекст, что именно он сравнивает, листая вбок.
