CSS Grid #2 Создание 3х колоночного макета (grid-template-columns)
#YauhenK #webDev #CSS #CSSGrid #ityoutubersru
Всех приветствую в курсе «CSS Grid».
Модуль CSS3 Grid Layout - это один из самых интересных, модулей в семействе CSS3. Задача, которую решает модель CSS3 Grid Layout, очень проста и понятна - предоставить удобный механизм расположения контента по виртуальной сетке. В данном видео-курсе мы с вами рассмотрим все особенности данной сетки, её использование для вёрстки, а так же сравним с уже с существующими способами построения «каркаса» веб-страницы.
✒ Используемые ресурсы и инструменты:
✔ 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 #2 Создание 3х колоночного макета (grid-template-columns) канала webDev
Всех приветствую в курсе «CSS Grid».
Модуль CSS3 Grid Layout - это один из самых интересных, модулей в семействе CSS3. Задача, которую решает модель CSS3 Grid Layout, очень проста и понятна - предоставить удобный механизм расположения контента по виртуальной сетке. В данном видео-курсе мы с вами рассмотрим все особенности данной сетки, её использование для вёрстки, а так же сравним с уже с существующими способами построения «каркаса» веб-страницы.
✒ Используемые ресурсы и инструменты:
✔ 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 #2 Создание 3х колоночного макета (grid-template-columns) канала webDev
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![CSS Grid #3 Управление размерами и позицией grid-элемента (Grid Lines & Grid Areas)](https://i.ytimg.com/vi/m1VVFnIqmAk/default.jpg)
![](https://i.ytimg.com/vi/GeCDQmafVBk/default.jpg)
![CSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSS](https://i.ytimg.com/vi/vExgsxs9r-M/default.jpg)
![300 Сайдбаров ► Как сверстать структуру сайта?](https://i.ytimg.com/vi/pqYyqKfbM6c/default.jpg)
![Responsive CSS Grid with NO MEDIA QUERIES!](https://i.ytimg.com/vi/bam83Xv4VMA/default.jpg)
![PX, EM, REM - Единицы измерения в CSS](https://i.ytimg.com/vi/gSr7DW_89xU/default.jpg)
![#CSS #հայերեն CSS GRID LAYOUT | ՄԱՍ-1 / Part-1](https://i.ytimg.com/vi/0vK7XW_ZVMg/default.jpg)
![CSS Grid Layout. Свойства определения сетки grid-template и другие](https://i.ytimg.com/vi/FPL4hnmA84A/default.jpg)
![CSS Grid #1 Применение сетки к контейнеру (Display Grid)](https://i.ytimg.com/vi/o6zB8EC10wc/default.jpg)
![CSS Grid Layout. Свойства элементов grid сетки grid-row grid-column order gap и другие](https://i.ytimg.com/vi/3AatkxA3LhY/default.jpg)
![Адаптивная верстка на CSS Grid для интернет магазина. Использование grid areas](https://i.ytimg.com/vi/CUkqUxd-I9I/default.jpg)
![CSS Grid: адаптивная верстка реального макета (CSS Grid Real Example)](https://i.ytimg.com/vi/iNPE0zGucTo/default.jpg)
![#10 Front-end. Вопросы на собеседовании](https://i.ytimg.com/vi/nvktMVFM0_M/default.jpg)
![Next.js #7 Получение данных (Fetching Data)](https://i.ytimg.com/vi/ZCCEl9J8zv0/default.jpg)
![CSS свойство FLOAT станет понятным и простым](https://i.ytimg.com/vi/RcAf0VnLkU0/default.jpg)
![CSS Grid верстка - Введение. Что такое гриды и зачем они нужны.](https://i.ytimg.com/vi/IPZbSM-Wpos/default.jpg)
![CSS 3D Трансформации. Пример с 3D кубом](https://i.ytimg.com/vi/fmSIHr3WKxk/default.jpg)
![Animation css / Импульсный эффект при помощи Transform Scale](https://i.ytimg.com/vi/e_N8QXHweQk/default.jpg)
![CSS Grid Layout #5 - подробно об auto-fill и auto-fit](https://i.ytimg.com/vi/D0c0txM6y7c/default.jpg)
![Вкладки на CSS](https://i.ytimg.com/vi/21BN7feXiZM/default.jpg)