Как сделать дочерние элементы grid по их высоте, а не растянутые до высоты соседнего?

Question

[Ispanec1998]

Я не пойму из-за какого стиля у меня дочерние элементы разной высоты становятся одинаковой высоты, где меньший растягивается под больший, образуя в себе снизу белую пустоту
https://codepen.io/user2022nn/pen/gOKQGwE

Из-за чего могут соседние элементы растягиваться под высоту соседнего и как от этого избавиться?

Comments

[Ankhena]

Из-за чего могут соседние элементы растягиваться под высоту соседнего и как от этого избавиться?

Из-за того, что это поведение грида (и флекса) по умолчанию.
За это отвечает свойство align-items.
Выберите значения start, center, end...

[Ispanec1998]

Ankhena, не сработало, там установлено это значение

[Ankhena]

Ispanec1998,

там установлено это значение

Когда так, имеет смысл поспать или погулять. В общем как-то отдохнуть.

[Ispanec1998]

Ankhena, не совсем понял

[Ankhena]

Ispanec1998, это скрин кода из вашей песочницы.
Вы говорите, что там стоит align-items: start и оно не помогает.

Так вот, когда оно действительно там будет стоять, то всё заработает.