Почему в мобильной версии столбцы таблицы разной ширины?

Question

[YakovSpb]

https://companyls.ru/

на десктопной версии все ок, а на мобильной версии столбцы разной ширины, хотя для всех первый задана ширина 80%, а для вторых 20%

Comments

[Natalia ivanova]

Хорошо бы на код посмотреть. А так, по картинке, можно гадать долго.

[YakovSpb]

Natalia ivanova, Так посмотреть можно... я же ссылку на сайт дал
https://companyls.ru/services/arenda-i-prodazha-sp...

Answer 1

[Антон Усачев]

Потому что некоторые слова слишком длинные, а ячейка имеет минимальную ширину по ширине этих слов. Попробуй, к примеру, для каждой второй ячейки дать такое правило:

word-break: break-all;

Answer 2

[Арсений Матыцин]

Таблицы рассчитываются исходя из контента, поэтому им и надо задавать размеры. В данном случае на медиа-запросах. Можно фиксировать в 50%. Ну и докрутить гайки можно с помощью table-layout: fixed.

Comments

[Арсений Матыцин]

Кстати, передавай привет руководству)