Удивление этих двух элементов может быть разным. Я знаю, что я могу выравнивать эти элементы вертикально внизу, если я использую «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
