Почему в данном случаи картинки сплющивает?

Question

[freeman0204]

Код Если в блоке мало текста то все ок, а если много то картинки по разному сплющиваются по горизонтали, одна чуть меньше одна чуть больше. Почему так происходит? Для картинки указана конкретная ширина и высота, такого же не должно быть?

Может во всем виноват?

display: flex;
  justify-content: space-between;

Answer 1

[Сергей delphinpro]

Укажите, что изображению нельзя сжиматься - flex-shrink: 0;
В контексте флексбоксов любой элемент ведет себя как флекс блок. Ширина такого блока рассчитывается исходя из содержимого и параметров flex-grow, flex-shrink, flex-basis.
Можно еще использовать для ограничений max-width, min-width, но я считаю, в данном контексте это костыль.

Answer 2

[Максим]

я там посмотрел ваш пример и добавил и убавил текст изображение какое было такое и осталось

Comments

[freeman0204]

prntscr.com/br3yrv вот что у меня.

[Максим]

Артур Черешнюк: только причитал , извините , здесь не обновляется уведомления, я щас напишу html и отвечу вам

[Максим]

Артур Черешнюк: codepen.io/Geyan/pen/ZOXoOj?editors=1100 вот это посмотрите