Как сделать так, чтобы 3 столбца были одинаковой высоты с переполнением при попутном ветре ⇐ CSS

[Anonymous]

Мне хотелось бы иметь 3 столбца одинаковой высоты при попутном ветре.

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

-------------------------------------------------------------------------------------
|                    |                                         |                    |
|                    |                                         | SCROLLABLE CONTENT |
| SCROLLABLE CONTENT | THIS DICTATES THE HEIGHT OF THE COLUMNS |                    |
|                    |                                         | -------------------|
|                    |                                         |        INPUT       |
-------------------------------------------------------------------------------------

По сути, столбец посередине будет определять высоту всех остальных столбцов (что будет соотношением сторон размера видео — 16:8).
Я пробовал:

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

Character X
Character X
Character X
Character X
Character X
Character X
Character X
Character X
Character X
Character X
Character X
Character X
Character X

THIS DICTATES THE HEIGHT OF THE COLUMNS


This is a message

This is a message

This is a message

This is a message

This is a message

This is a message

Раздел THIS DICTATES THE HEIGHT OF THE COLUMNS должен определять высоту двух соседних столбцов:


Как я могу заставить средний столбец определять высоту двух других столбцы И сделайте ПРОКРУЧИВАЕМОЕ СОДЕРЖИМОЕ в правом столбце, чтобы занять как можно больше места рядом с вводом?

Подробнее здесь: https://stackoverflow.com/questions/785 ... n-tailwind