Урок 2

Строки и столбцы

15 мин

Основа CSS Grid — определение столбцов и строк. Рассмотрим все способы.

grid-template-columns

Определяет количество и ширину столбцов:

Единица fr (fraction)

fr — это доля свободного пространства. Это главная единица Grid!

Функция repeat()

Сокращает повторяющиеся значения:

Функция minmax()

Задаёт минимальный и максимальный размер:

grid-template-rows

Работает аналогично для строк:

Мы используем файлы cookie для улучшения работы сайта и персонализации контента. Продолжая использовать сайт, вы соглашаетесь с использованием cookies в соответствии с нашей Политикой конфиденциальности.