#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 (Онлайн редактор кода):
✒ Полный список готовых и планируемых курсов:
✔ Trello:
✒ Автор курса:
✔ YouTube:
✔ Instagram:
✔ Twitter:
✔ VK:
✔ LinkedIn:
✔ GitHub:
✔ VK (Группа):
✒ Поддержать развитие канала:
1 view
1607
452
1 month ago 00:13:32 1
Grid CSS сетка в блочных темах на WordPress
1 month ago 00:03:17 1
Filament Table as Grid of Images with Annotations
1 month ago 00:57:22 1
CSS Grid. Полный курс
1 month ago 00:12:10 1
Desarrolladores RECHAZAN entrevistas técnicas ❌ (nos tratan como mercenarios)
1 month ago 01:17:07 1
Learn Tailwind CSS: Build a Responsive Product Card
3 months ago 00:26:31 4
CSS Grid, flexbox, float. В чем разница и как использовать. Практический пример
3 months ago 00:49:33 2
CSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSS
3 months ago 06:31:24 3
Полный курс HTML и CSS — от новичка до профессионала
3 months ago 00:25:11 1
Полный гайд по CSS Grid: адаптивная верстка за пару минут
3 months ago 06:38:50 1
Полный курс HTML & CSS за 6 часов
3 months ago 09:19:00 4
Beginner Tailwind [FULL COURSE]
3 months ago 00:05:48 3
CSS Grid #1 Применение сетки к контейнеру (Display Grid)
4 months ago 00:00:00 1
Курс «Frontend разработка». Урок 10: тилизацию, пре- и пост-процессоры и css фреймворки
4 months ago 00:17:14 1
Responsive CSS Grid Tutorial
4 months ago 01:49:10 1
Как новичку создать красивый сайт | Подробный урок
5 months ago 00:34:38 1
🍔 САЙТ ДЛЯ ДОСТАВКИ: ОСНОВНОЙ ФУНКЦИОНАЛ | САЙТ НА WORDPRESS | МАГАЗИН НА WOOCOMMERCE
5 months ago 00:13:46 2
Become A Master Grid CSS In 13 Minutes
6 months ago 01:28:30 1
Building a bento grid with Tailwind CSS
6 months ago 00:10:06 1
В чем разница между Float, Flexbox и Grid CSS?
6 months ago 01:17:40 1
Верстка сайта на гридах с нуля, css grid верстка
6 months ago 05:05:31 1
Адаптивная верстка сайта с SCSS и JS. Объясняю по шагам. CSS Grid, БЭМ. Макет LoftHouse
6 months ago 00:07:30 1
Прижать футер к низу сайта (flex, grid). #Типичные задачи