Как сделать в grid сделать, чтобы какая-нибудь строка была минимальной высоты?

Question

[Антон Антон]

https://codepen.io/FragsterAt/pen/MWqBrNe

Нужно, чтобы голубая область была минимальной высоты, но с сохранением автовысоты (зависимая от контента).
При этом красная область должна продолжать быть минимальной ширины (max-content).

При этом фиксировать высоту нельзя - красная область должна быть с автовысотой.

Comments

[imko]

grid-template-rows: auto 1fr

[Ankhena]

grid-template-rows: min-content 1fr

[Антон Антон]

imko, Ankhena, да, так работает

[imko]

Ankhena, (

[Ankhena]

imko, м?

Answer 1

[Антон Антон]

В комментариях к вопросу ответили. В итоге сделал так:

.item-grid-template
  grid-template-columns: 1fr max-content
  grid-template-rows: auto 1fr