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

#YauhenK #webDev #CSS #CSSGrid Всех приветствую в курсе «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 ✒ Поддержать развитие канала: https://github.com/YauhenKavalchuk/youtube/blob/main/sponsoring.md