Как с помощью Grid заставить блоки в колонке расположиться по своей высоте?

Question

[Расул Гитинов]

У меня есть блок, в котором находятся две колонки, сделанные с помощью Grid.

grid-template-areas:
	'coffee tea'
	'coffee choco';

Как сделать так, чтобы блоки tea и choco занимали не всю оставшуюся высоту, а по по своему содержанию? Вот так:

Comments

[alex]

flexbox

Answer 1

[Михаил Горячкин]

Не много не понимаю почему бы вам не обернуть "чай" и "шоколад" в div, чтобы получилось, что-то вроде этого:
демочка
Правые блоки будут по высоте контента, а левый будет всегда тянуться за ними, если вдруг их суммарная высота превысит его.

Comments

[Расул Гитинов]

Да, был и этот вариант. Не хотел оборачивать в контейнер колонку, но видимо придется