@YakovSpb

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

https://companyls.ru/

на десктопной версии все ок, а на мобильной версии столбцы разной ширины, хотя для всех первый задана ширина 80%, а для вторых 20%
5f0d920a703ca555480826.png
  • Вопрос задан
  • 51 просмотр
Пригласить эксперта
Ответы на вопрос 2
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Потому что некоторые слова слишком длинные, а ячейка имеет минимальную ширину по ширине этих слов. Попробуй, к примеру, для каждой второй ячейки дать такое правило:

word-break: break-all;
Ответ написан
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
CEO iAmStudio, предприниматель.
Таблицы рассчитываются исходя из контента, поэтому им и надо задавать размеры. В данном случае на медиа-запросах. Можно фиксировать в 50%. Ну и докрутить гайки можно с помощью table-layout: fixed.
Ответ написан
Ваш ответ на вопрос

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

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