Задать вопрос

Как избежать переполнения во flexbox'е так чтобы контент сжимался?

Не понимаю как работает flex-shrink, по идее flex-элементы должны сжиматься до размеров самого flexbox'а, но так почему-то не происходит. Объясните, пожалуйста как это работает и что нужно сделать чтобы .item-head имел высоту 26 пикселей, а .item-icon заполнял ровно оставшееся пространство и не вылезал за границы flexbox'а (в данном случае он должен быть 114px в высоту): https://jsfiddle.net/hp1szhbc/
  • Вопрос задан
  • 287 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Картинка — очень уж хитрый предмет... =)

https://jsfiddle.net/hp1szhbc/1/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы