Карточка Middle Grid обновлено
subgrid
Вопрос
Что делает значение subgrid?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
Вложенная сетка с grid-template-rows: subgrid или grid-template-columns: subgrid не создаёт свои треки, а использует треки родителя на той области, которую занимает. Так содержимое соседних карточек выравнивается по общим строкам.
Ответ
Вложенная сетка с grid-template-rows: subgrid или grid-template-columns: subgrid не создаёт свои треки, а использует треки родителя на той области, которую занимает. Так содержимое соседних карточек выравнивается по общим строкам. Поддерживается всеми основными браузерами с 2023 года.
Разбор
Типичное применение: заголовки и кнопки карточек на одной высоте.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.