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