Верстка макета на CSS Grid

Вы узнаете о современной технологии верстки CSS Grid Layout (сокращенно Grid). Познакомимся с историей Grid, узнаем почему появилась эта технология в CSS. Разберем преимущества и недостатки данной технологии. А самое главное, на практике сверстатаем макет с помощью Grid. В конце вебинара нас ждут советы, подборка полезных ресурсов по Grid и ответы на вопросы от спикера.

План вебинара:

1. Знакомство.
2. История создания CSS Grid Layout.
3. Основы работы с технологией Grid.
   1. Терминология.
   2. Grid container (грид-контейнер).
   3. Grid line (грид-линия).
   4. Именованные грид-линии.
   5. Grid item (грид-элемент).
   6. Многослойность в Grid.
   7. Grid area (грид-область).
   8. Grid gutter (грид-интервал).
   9. Размеры в Grid.
   10. Повторы в Grid.
4. Преимущества использования Grid.
5. Недостатки.
6. Использование Grid на практике. Делаем проект по PSD макету.
7. Подборка полезных ресурсов и статей по CSS Grid.
8. Ответы на вопросы.

Целевая аудитория:

Начинающие верстальщики и FrontEnd разработчики.