В данном премиум курсе мы познакомимся с очень популярным модулем под названием CSS Grid Layout, который позволяет строить двумерные сетки и создавать довольно удобные и гибкие пользовательские интерфейсы. Основная терминология и первая раскладка В этом видеоуроке мы разберем основные термины, которые необходимо понимать для дальнейшей работы с CSS Grid, а также создадим свою первую раскладку. Свойства grid-template-columns и grid-temaplate-rows В этом уроке мы более подробно поговорим о возможностях...

Чтобы быстрее усвоить материал и «пощупать» работу свойств в реальном времени, воспользуйтесь интерактивным инструментом: конструктор блоков. Если вы верстаете сайты, то наверняка сталкивались с ситуацией, когда нужно расположить элементы ровной сеткой: карточки товаров, галерею фото или сложную структуру страницы с шапкой, боковой колонкой и футером. Раньше для этого использовали плавающие блоки (float), таблицы или inline-block. Позже появился Flexbox, который сильно упростил жизнь, но он создавался в первую очередь для одномерных макетов (когда элементы выстраиваются в одну линию — строку или столбец)...