карточки. В карточке 4 элемента в столбец: заголовок, картинка, описание, кнопка
Из этих элементов только описание может занимать больше/меньше места. У контейнера height: auto, чтобы все карточки были одинаковой высоты. Если я делаю карточку на флексах, то кнопку можно прижать к низу карточки, все выглядит красиво. А как сделать такое же на гридах? Грид начинает растягивать элементы карточки, из-за чего все элементы плавают в ней, а не стоят статично, как во флексе
Если высота карточек фиксированная, то дай ей её
Либо используй grid-template-rows Также есть grid-auto-rows: 200px;
Обсуждают сегодня