@KononovD

Flexbox. Почему текст давит на картинку?

Здравствуйте! есть вот такой кусок кода.

Когда для текста становится мало места - картинка уменьшается по какому-то непонятному принципу.
Раньше когда сталкивался с таким - хватало указать ширину для текста. В этом случае не хотелось бы так делать.

Может есть какое-то решение о котором я не в курсе?

Спасибо
  • Вопрос задан
  • 109 просмотров
Решения вопроса 2
notiv-nt
@notiv-nt
Как ваше ничего? Да, моё тоже
flex-shrink: 0
к блоку с картинкой
Ответ написан
Это Flexbox.
Когда элементы не помещаются в контейнер, они начинают сжиматься, чтобы поместились.
Чтобы запретить картинке сжиматься, задайте элементу с классом .cart__product-image свойство flex-shrink: 0

Результат:
https://codepen.io/hisbvdis/pen/PoYaGzG?editors=1100
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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