Выровнять детские элементы внизу один за другим ⇐ CSS

[Anonymous]

Внутри главного родительского Div есть 2 дочерних девта с "Display: Grid"; < /p>
Удивление этих двух элементов может быть разным. Я знаю, что я могу выравнивать эти элементы вертикально внизу, если я использую «Align-Items: End;», но между ними всегда будет место. Что-то вроде: < /p>
Пример < /p>
Как я могу это добиться?

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

.container {
display: grid;
align-items: end;
width: 180px;
height: 180px;
background-color: lightgreen;
grid-template-columns: 1fr;
gap: 0px;
}

.content {
background-color: red;
height:30px;
padding: 5px;
}< /code>

content 1
content 2

Подробнее здесь: https://stackoverflow.com/questions/796 ... e-grid-div