Почему изображение в flex-контейнере не уменьшается?

Question

[Dymok]

Чет туплю. Не могу понять, почему в этом примере при сужении экрана изображение выходит за границы родителя, а не сужается? Как поправить?

Answer 1

[Rustam Bainazarov]

Что-то на самом деле тупишь:

Answer 2

[Максим]

Ну смотрите: вы написали display:flex и потомкам width:50% но не учли что img вы не описали т.е надо написать для него display:block и width:100% для обоих потомков во flex контейнере и находе мы получим вот это : https://codepen.io/topicstarter/pen/YdLrxm