Как при flex сделать дочерние img динамической шириной, равной родительскому блоку?

Question

[aweui]

Добрый день!

Собственно суть проблемы в заголовке вопроса.
Для .b-block установлено свойство display: flex. При изменении ширины экрана, нужно чтобы дочерние img внутри всегда были равны ширине родителя - .b-block

Это можно силами css сделать?

Сылка на Codepen

Answer 1

[Евгений]

.b-main .b-block__item {
    list-style: none;
    width: 100%;
    flex-shrink: 0;
}

Comments

[aweui]

Круто, спаибо большое!

Answer 2

[SagePtr]

img {
  width: 100%;
}

не подходит?

Comments

[aweui]

Нет.