Привет! В этом видео мы изучим CSS Grid. CSS Grid - это мощный инструмент для создания красивых и адаптивных макетов на вашем сайте. С помощью гридов мы можем быстрее и проще верстать сложные макеты. Разберем из чего гриды состоят: контейнер, грид линии, грид полосы, грид ячейки и тд. Разберем подходы и способы размещения элементов в сетке с помощью всех возможных свойств.
Содержание:
00:00 Вступление, история
00:40 Составляющие грида
01:50 Grid контейнер
02:08 Колонки
03:47 Ряды
04:27 Fraction (fr), repeat()
05:32 Auto fill, Auto fit, minmax()
08:42 Неявные колонки и ряды
09:20 Auto flow
11:07 Grid области
13:08 Выравнивание по горизонтальной оси
14:25 Выравнивание по вертикальной оси
15:09 Выравнивание по grid линиям
18:02 Функции и ключевые слова
19:03 Практика
#css #cssgrid #css3 #webdevelopment #разработкасайта #frontend #фронтенд #грид
19 май 2024