Выбор ответа Junior Grid обновлено
Где появляется gap
Вопрос
У контейнера display: grid; gap: 20px и три колонки. Где будут промежутки по 20px?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Только между соседними колонками и строками. gap задаёт расстояние только между треками, у краёв его нет, для этого нужен padding.
Варианты ответа
- Между колонками и по обоим краям контейнера
- Только между соседними колонками и строкамиправильный ответ
- Только справа от каждого элемента, включая последний
- Только между строками, для колонок нужен
column-gap
Разбор
gap задаёт расстояние только между треками, у краёв его нет, для этого нужен padding. Последний элемент не получает отступ справа, поэтому сетка не «вылезает». gap это сокращение для row-gap и column-gap сразу, одно значение применяется к обоим.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.