В уроке разобрана практика CSS Grid на реальном проекте: настройка колонок и строк, размещение элементов в конкретные ячейки через grid-column/grid-row, комбинирование Grid и Flexbox внутри ячеек, вставка виджета видео в Grid-раскладку, асимметричные блоки разного размера.
CSS Grid в Taptop задаётся в панели Layout: указываешь количество колонок, размеры в px, % или fr. Для нестандартного размещения элемента (например, блок на 2 колонки) — параметры span в дополнительных стилях. Grid и Flex не конкурируют: Grid — для двухосевых сеток, Flex — для элементов внутри ячеек.
Урок для тех, кто умеет верстать в Taptop и хочет освоить Grid для сложных нестандартных раскладок. Базовое знание Flex в Taptop нужно как предварительная база — Grid изучается следующим.