Основы CSS Grid

Разберитесь с треками, областями и порядком документа

Три руководства объясняют синтаксис треков, прямоугольные области и границу визуального и исходного порядка.

Размеры треков6 минут

Выбирайте треки fr, px, auto и minmax в CSS Grid

Разберитесь, что создаёт каждый трек GridWeave и когда проверять внутренний размер содержимого.

Именованные области6 минут

Узнайте, почему имя должно образовывать один прямоугольник и как записываются пустые ячейки.

Граница доступности6 минут

Используйте именованное размещение, не путая позицию с чтением и фокусом.