.dashboard { display: grid; }Прямые панели входят в один Grid-контекст.
УРОК 61 ИЗ 100
Создайте первый Grid-контейнер
Включите двумерную систему компоновки для группы панелей.
ШАГ 1 · ИЗУЧИТЕ
Как это работает
display: grid превращает элемент в Grid-контейнер. Прямые потомки становятся Grid-элементами и могут размещаться по строкам и столбцам без изменения семантического порядка HTML.
.dashboard { display: block; }block сохраняет обычный поток и не создаёт Grid-строки или столбцы.
ШАГ 2 · ПРИМЕНИТЕ
Ваше задание
Превратите .dashboard в Grid-контейнер.
index.htmlCSS
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ
Что должно пройти
0%не проверено
- ○Панель использует display: grid.
- ○Целевой элемент присутствует на странице.
Объясните логику решения
Свойство display задаёт модель компоновки, а значение grid включает два измерения сетки.