Как сделать так, чтобы элемент сетки CSS соответствовал высоте родителя, как это делает элемент flexbox ⇐ Html

[Гость]

У меня есть такая простая настройка:

какой-то длинный текст
здесь, в дочернем номере
2 какой-то длинный текст
здесь, в дочернем номере 2, какой-то
длинный текст здесь
в дочернем номере немного длинный
текст здесь в дочернем номере 2 немного длинный
текст здесь в
дочернем номере 2 какой-то длинный
текст здесь в дочернем номере
2 ывавя васс
текст здесь в
дочернем номере 2 какой-то длинный
текст здесь в дочернем номере
2 ывавя васс
некоторый текст и стили:

.grid-контейнер { дисплей: сетка; столбцы шаблона сетки: 1fr 1fr; граница: сплошная 1 пиксель; ширина: 100%; высота: 200 пикселей; } При такой настройке элемент grid-child-1 выходит за пределы высоты родительского элемента в 200 пикселей:





Как заставить его растягиваться только до высоты родителя. Похоже на флексбокс: