#20. Уроки по CSS для НАЧИНАЮЩИХ (grid 1/2)
Поддержать автора:
Учимся строить сетку (grid):
1) grid-templeate-columns, grid-template-rows === столбцы/строки
2) grid-row-gap, grid-column-gap === отступы
3) grid-auto-columns, grid-auto-rows === стандартные размеры
4) align-items, justify-items === перемещение элементов
5) align-self, justify-self === перемещение элемента
6) repeat(), minmax()
7) Единица измерения fr
Исходный код:
Игра про grid: #ru
***** Таймкоды:
00:00 Введение
01:55 grid-template-columns
03:55 grid-template-rows
04:09 repeat()
04:57 grid-auto-rows, grid-auto-columns
06:08 Единица измерения fr
11:44 Поддержка grid
12:08 minmax()
13:57 grid-row-gap, grid-column-gap
14:25 justify-items, align-items
15:30 justify-self, align-self
16:59 Значение auto
19:10 Сокращения в grid
21:04 Всем спасибо, всем пока
***** Музыка:
Glaci