Выбор ответа Middle Grid обновлено
Зачем нужен subgrid
Вопрос
В ряду карточек заголовки разной длины, и кнопки внизу оказываются на разной высоте. Какой инструмент выровняет строки всех карточек между собой?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: grid-template-rows: subgrid у карточки на несколько строк родителя. subgrid заставляет вложенную сетку использовать треки родителя, поэтому строки «картинка, заголовок, кнопка» становятся общими для всего ряда. dense лишь заполняет дырки автоматическим размещением. stretch растянет карточки по высоте, но…
Варианты ответа
grid-template-rows: subgridу карточки на несколько строк родителяправильный ответgrid-auto-flow: denseу родителя, чтобы строки карточек упаковались плотноalign-items: stretchу родителя, чтобы все карточки стали одной высотыdisplay: contentsу кнопки, чтобы она встала в сетку родителя
Разбор
subgrid заставляет вложенную сетку использовать треки родителя, поэтому строки «картинка, заголовок, кнопка» становятся общими для всего ряда. dense лишь заполняет дырки автоматическим размещением. stretch растянет карточки по высоте, но содержимое внутри каждой карточки по-прежнему разложено независимо. display: contents у кнопки убирает её блок, к выравниванию между карточками это не приводит.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.