Выбор ответа Middle Grid обновлено
justify-items против justify-content
Вопрос
Три колонки по 100px в контейнере шириной 600px. Нужно поставить всю сетку по центру контейнера. Какое свойство это сделает?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: justify-content: center. justify-content двигает треки внутри контейнера, когда суммарно они меньше его: все три колонки встанут по центру. justify-items и justify-self центрируют элементы внутри своих ячеек, а сами колонки остаются прижаты к началу. align-items…
Варианты ответа
justify-items: centeralign-items: centerjustify-self: centerу каждого элементаjustify-content: centerправильный ответ
Разбор
justify-content двигает треки внутри контейнера, когда суммарно они меньше его: все три колонки встанут по центру. justify-items и justify-self центрируют элементы внутри своих ячеек, а сами колонки остаются прижаты к началу. align-items работает по блочной (вертикальной) оси.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.