Как сделать картинку на всю ширину блока?

Question

[tosster22]

Есть блок сделанный на flexbox. Внутри блока картинка и текст. Как сделать, чтобы картинка была на 100% по ширине блока и не выходила за границы, а текст был на след строчке?

Comments

[Andrej Sharapov]

код в песочнице?

Answer 1

[Spaceoddity]

div{
  flex-wrap:wrap;
}

Comments

[Артем]

wrap отвечает за перенос на следующую строку, а не растягивание\сужение элементов

Answer 2

[Артем]

.block {
  display: flex;
  flex-direction: column;
}

.block img {
  width: 100%;
}