Растягиваются изображения при flex-wrap:wrap. Как это исправить?

Question

[Please2334]

.about__partners-gallery{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;

}

Comments

[Модератор]

Фрагменты кода надо размещать в виде текста и оборачивать тэгом code для корректного отображения. Удобно делать кнопкой </>
Это обязательно, см.п.3.8 Регламента.
Сюда же относится traceback, ввод и вывод в консоли и другая структурированная текстовая инфа.

[Danny Arty]

Если вы им не задавали стили, то они не растягиваются, а принимают свои реальные размеры.

Answer 1

[Яков Карелин]

Если изображения растягиваются при использовании свойства flex-wrap: wrap; в комбинации с display: flex;, можно попробовать следующие способы исправить данную проблему:

1.Установить свойство flex-shrink: 0; для изображений. Это предотвратит их растягивание.

.about__partners-gallery img {
  flex-shrink: 0;
}

2.Указать фиксированную ширину для изображений. Например, если вы хотите, чтобы каждое изображение занимало 25% ширины контейнера

.about__partners-gallery img {
  width: 25%;
}

Применение одного из этих способов должно помочь предотвратить растягивание изображений при использовании flex-wrap: wrap;.

Comments

[Ankhena]

Установить свойство flex-shrink: 0; для изображений. Это предотвратит их растягивание.

Это предотвратит их сжатие.
За растягивание отвечает flex-grow

[Яков Карелин]

свойство flex-grow с значением 0 для изображений внутри контейнера?

.about__partners-gallery img {
  flex-grow: 0;
}

[Froggyweb]

изображения почти всегда следует оборачивать в дополнительный тег

[Ankhena]

Яков Карелин,

свойство flex-grow с значением 0 для изображений внутри контейнера?

Чтобы ответить вам, нужно знать:
1. Что должно получится в результате.
2. Какие ещё есть свойства и какая разметка у этого дела. В идеале живым примером на codepen.io

[Илья Салигжанов]

Чувствуется манера речи ChatGPT

[Яков Карелин]

Илья Салигжанов,
Да по...ру хоть жопити чат, главное, чтобы помогло.
Глупо пользоваться "голубем для почты" когда есть ватс апп" .
ИМХО.

[Ankhena]

Яков Карелин, еще бы ответ не был бредом...