FreeCode.Academy

Стратегии обучения

Уроки

Технологии

Участники

Проекты

Задачи

Таймеры

Топики

Блоги

Офис

О проекте

Создайте свой первый CSS Grid
Добавление столбцов с grid-template-columns
Добавление строк с grid-template-rows
Использование CSS Grid для изменения размера столбцов и строк
Создание промежутка у столбца с помощью grid-column-gap
Создание промежутка между строк с использованием grid-row-gap
Добавление промежутков быстрее с grid-gap
Использование grid-column для управления пространством
Использование grid-row для управления пространством
Выравнивание элемента по горизонтали, используя justify-self
Выровнять элемент по вертикали, используя выравнивание
Выравнивание всех элементов по горизонтали с использованием оправдательных элементов
Выровнять все элементы по вертикали, используя элементы выравнивания
Разделите сетку в шаблон области
Поместите объекты в области сетки Используя свойство сетки
Использование сетки без создания шаблона областей
Уменьшить повторение с помощью функции повтора
Предельный размер элемента Использование функции minmax
Создание гибких макетов с использованием автозаполнения
Создание гибких макетов с использованием автоматической подгонки
Использование медиа-запросов для создания адаптивных макетов
Создание гридов в сетках