Контент выходит за пределы flex-контейнера, как исправить?

Question

[tory_kuzya]

Я запуталась в свойствах flex-grow, flex-basis, flex-shrink... Помогите сопоставить воедино, какую комбинацию свойств использовать, чтоб текстовый контент не выходил за границы flex-контейнера? Пример таких событий тут: www.maksimkorolev.ru. Если открыть в ИЕ полный кошмар, а в остальных браузерах - как надо.

Comments

[Ankhena]

Не вижу разницы между ИЕ и остальными.
Проверьте масштаб и покажитена скринах разницу отображения.

[tory_kuzya]

Посомтреть через отладчик не могу, в ИЕ у меня вылазит ошибка

[tory_kuzya]

ИЕ 11.0

[Ankhena]

В хроме тоже есть такой момент.

Уберите таблицу.
Сделайте 2 div'а в одной обертке.
Сначала писать таблицу, а потом задавать её строкам flex это безумие.

[tory_kuzya]

На ширине менее 768 посмотрите

[tory_kuzya]

Я знаю, таблица была написана задолго до... Только изменение структуры?

[Ankhena]

tory_kuzya: на ширине 768 надо смотреть на смарфонах, а не в ИЕ на десктопе.

По-хорошему, надо просто переверстать все нормально.

Answer 1

[Smeecy Smeecy]

Если IE меньше 11 версии , то и будет кошмар.
caniuse.com/#feat=flexbox