CSS Grid. Полный курс

#YauhenK #webDev #CSS #CSSGrid #ityoutubersru

Всех приветствую в курсе «CSS Grid».
Модуль CSS3 Grid Layout - это один из самых интересных, модулей в семействе CSS3. Задача, которую решает модель CSS3 Grid Layout, очень проста и понятна - предоставить удобный механизм расположения контента по виртуальной сетке. В данном видео-курсе мы с вами рассмотрим все особенности данной сетки, её использование для вёрстки, а так же сравним с уже с существующими способами построения «каркаса» веб-страницы.

✒ Timeline:
✔ 0:00 - Введение в курс
✔ 3:27 - Применение сетки к контейнеру
✔ 8:40 - Создание 3х колоночного макета
✔ 14:30 - Управление размерами и позицией grid-элемента
✔ 20:45 - Именование grid-линий, создание сетки, позиционирование элементов
✔ 28:39 - Выравнивания grid-элементов
✔ 32:23 - Выравнивания grid-контейнера
✔ 37:23 - Управлять порядком элементов внутри grid-контейнера
✔ 42:22 - Вложенность grid-элементов
✔ 46:42 - Гибкость grid-элеменов при изменении размеров экрана
✔ 50:04 - Создание гибкого макета

✒ Используемые ресурсы и инструменты:
✔ Codepen (Онлайн редактор кода): https://codepen.io

✒ Полный список готовых и планируемых курсов:
✔ Trello: https://trello.com/b/R6rD7qq8

✒ Автор курса:
✔ YouTube: https://www.youtube.com/YauhenKavalchuk
✔ Instagram: https://www.instagram.com/YauhenKavalchuk
✔ Twitter: https://twitter.com/YauhenKavalchuk
✔ VK: https://vk.com/YauhenKavalchuk
✔ LinkedIn: https://www.linkedin.com/in/YauhenKavalchuk
✔ GitHub: https://github.com/YauhenKavalchuk
✔ VK (Группа): http://vk.com/webdevcom

✒ Поддержать развитие канала:
✔ YouTube-спонсорство: https://www.youtube.com/channel/UCE9ODjNIkOHrnSdkYWLfYhg/join
✔ Patreon: https://www.patreon.com/YauhenKavalchuk

Видео CSS Grid. Полный курс канала webDev