Как заставить увеличивать/уменьшать только один элемент при использовании flex ⇐ CSS

[Anonymous]

У меня вопрос по поводу flexbox. У меня очень простой макет с 5 строками в одном столбце шириной 100%, 4 из этих строк имеют фиксированную высоту, одна строка динамическая (

Код: Выделить всё

main-section

), и это должно занять все доступное пространство, обертка также имеет фиксированную высоту (100dvh), это Playground
https://codesandbox.io/p/sandbox /qxm3dv < /p>
, учитывая, что я установил высоту обертки на 100 дВ, теоретически все должно быть видно без прокрутки (и это моя цель). < /p>
Если я прокомментирую изображение, все работает нормально, но с изображением основной сечение занимает слишком много места, почему изображение увеличивает высоту, в то время как оно должно просто занимать доступное пространство на основе родительской обертки?
Спасибо < /p>

Подробнее здесь: https://stackoverflow.com/questions/793 ... using-flex