В уроке разобран CSS Grid как инструмент двухосевой вёрстки: Grid vs Flexbox (две оси против одной), настройка grid-template-columns (fr, repeat, auto-fill), grid-template-rows, gap, span для объединения ячеек. Показаны реальные примеры: YouTube-плитки, Pinterest-стиль, bento-блоки. Grid — это не замена Flexbox, а его дополнение. Flexbox — строки или столбцы. Grid — сетки. Плитки с разными размерами (bento), асимметричные сетки, элемент, занимающий 2 колонки — это Grid, а не набор вложенных Flex-контейнеров. Урок для тех, кто умеет работать с Flex в Taptop и готов добавить Grid в инструментарий. После просмотра многие задачи, которые раньше решались через сложные вложенные контейнеры, решаются одним Grid-контейнером.