Верстка на Grid

CSS Grid Layout – это гибкий и мощный способ управления размещением элементов, который вместе с базовыми элементами CSS реализует полную и завершенную систему создания макетов веб-страниц.

При прохождении курса «Верстка на Grid» вы познакомитесь с основами CSS Grid и на практике узнаете, как эффективно использовать CSS Grid для создания гибких и адаптивных макетов. Вы научитесь создавать сетки с помощью grid-template-columns и grid-template-rows, задавать размеры и расположение элементов внутри сетки с использованием grid-column и grid-row, а также управлять пространством между элементами с помощью grid-gap. По окончании курса вы можете создавать сложные сетки, поймете, как управлять расположением и размерами элементов, а также научитесь использовать мощные функции, такие как позиционирование элементов, создание областей сетки и многие другие.

Данный обучающий курс предоставит вам не только теоретическое понимание лучших практик и современных трендов в области верстки, но и практические навыки создания гибких и современных веб-макетов. После прохождения курса вы сможете получить сертификат, подтверждающий ваши знания и умение использовать Grid-верстку.

Курс «Верстка на Grid» идеально подходит для веб-разработчиков, дизайнеров и всех, кто заинтересован в создании современных и адаптивных веб-страниц с помощью CSS Grid.

ВИДЕОУРОК №1. Основные понятия Grid Layout

Цель урока – познакомиться с описанием курса, узнать, что такое Grid в CSS, поработать с онлайн IDE Codeopen, настроить рабочее окружение и рассмотреть примеры работы с Grid container.