CSS-сетка-шаблон-строки «мин-контент» не работают ⇐ CSS

[Anonymous]

Скрипт показывает, что он не работает (проверено в Chrome и Firefox): https://jsfiddle.net/Flyout/8gsx36qc/4/

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

  display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
grid-template-rows: min-content;
grid-template-areas:
'a b'
'c b';
border: 1px solid black;
">


Catering

Morning
Lunch
Snack
Dinner

Total : 0.00 €

В то время как в https://www.cssgridplayground.com/ он работает нормально:


Чтобы уточнить, ячейка «Кейтеринг» не должна занимать 50% доступной высоты, но она должна соответствовать ее содержимому. В результате ячейка «Итого» должна занимать большую часть высоты.

Подробнее здесь: https://stackoverflow.com/questions/798 ... ot-working