Как заверстать?

Question

[pkring]

Весь экран без скролла.
Grid - отпадают

1 поле это заголовок, который имеет динамическую высоту и опускается вниз в зависимости от текста внутри.
3 поле фиксированная высота всегда снизу экрана
2 поле это блок с текстом, прилеплен к 3 полю и он может расти только вверх до 1 поля, если он встречает 1 поле в нем должен появляться скрол и дальше в верх он уже не растет.

Comments

[Шохрух Шаймардонов]

Grid - отпадают

Тогда flex

[pkring]

Шохрух Шаймардонов, это понятно

[Шохрух Шаймардонов]

pkring, ну тогда дальнейшие ваши вопросы легко гуглятся. Любой туториал по флексам описывает каждое его свойство и зачем оно нужно

Answer 1

[IIIu6ko]

https://jsfiddle.net/shcogxa8/10/

Вот так.

Comments

[pkring]

Спасибо,

Answer 2

[Алексей]

display: flex; flex-direction: column; height: ***px; justify-content: space-between; это для обертки
margin-top: auto; это для элемента с текстом