Выбор ответа Middle Grid обновлено
Неявная сетка и grid-auto-rows
Вопрос
Явно задано grid-template-rows: 100px 100px, а элементов столько, что нужна пятая строка. Чем определяется высота третьей и следующих строк?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Свойством grid-auto-rows, по умолчанию auto. Строки сверх описанных в grid-template-rows образуют неявную сетку, их размер задаёт grid-auto-rows, а по умолчанию он auto.
Варианты ответа
- Повторяется явный шаблон: они тоже получат по 100px
- Элементы лишних строк не отображаются, сетка их обрежет
- Свойством
grid-auto-rows, по умолчаниюautoправильный ответ - Свойством
grid-template-rows: браузер допишет туда1fr
Разбор
Строки сверх описанных в grid-template-rows образуют неявную сетку, их размер задаёт grid-auto-rows, а по умолчанию он auto. Шаблон явной сетки не повторяется автоматически, для этого есть repeat() или тот же grid-auto-rows: 100px. Элементы не прячутся. 1fr никто не подставляет.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.