Выбор ответа Junior Grid обновлено

grid-column: 1 / -1

Вопрос

Сетка из 4 явных колонок. Что делает правило grid-column: 1 / -1 у элемента?

Попробуйте сами

Выберите вариант, и откроется разбор.

Показать ответ и разбор

Коротко

Правильный ответ: Растягивает элемент на все колонки явной сетки. Линии нумеруются с 1, а с конца с -1, где -1 это последняя линия явной сетки.

Варианты ответа

  1. Растягивает элемент на все колонки явной сеткиправильный ответ
  2. Ставит элемент в первую колонку и сдвигает на одну влево
  3. Растягивает элемент на 3 колонки из 4: последняя исключается
  4. Ничего: отрицательные номера линий не поддерживаются

Разбор

Линии нумеруются с 1, а с конца с -1, где -1 это последняя линия явной сетки. От первой до последней линии значит через все колонки. Конечная линия не «занимает» колонку, поэтому ничего не исключается. Отрицательные номера поддерживаются с самого начала Grid. Сдвигов в этом синтаксисе нет.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.