filmov
tv
🔥CSS GRID СЕТКА 🎉 САМЫЙ ПОНЯТНЫЙ И ПОЛНЫЙ УРОК! Верстка для новичков

Показать описание
CSS GRID СЕТКИ 🎉 САМЫЙ ПОНЯТНЫЙ И ПОЛНЫЙ УРОК по сеткам! Верстка для новичков
🥳🔥🎉⬇️ --- ЗАЛЕТАЙ! --- ⬇️🎉🔥🥳
☝️☝️☝️☝️☝️😍😍😍😍☝️☝️☝️☝️☝️
00:00 Неявная сетка
07:20 Направление сетки
08:13 Явная сетка
09:35 Повторение repeat
12:29 Фракция fr
15:54 auto-fill, auto-fit
16:44 Функция minmax
20:14 Выравнивание элементов внутри сетки
24:32 Выравнивание рядов, колонок сетки
29:44 Выравнивание конкретного элемента сетки
31:23 Точное выравнивание с помощью margin
34:51 Позиционирование элементов сетки
36:35 Растягивание элементов сетки
41:52 Разметка - Области сетки
43:51 Пример разметки каркаса сайта
50:07 Еще один пример разметки сетки
52:43 Пример использование сетки в адаптивной верстке
59:10 Мощность шаблонизатора Pug
01:03:30 Подарок!
🥳🔥🎉⬇️ --- ЗАЛЕТАЙ! --- ⬇️🎉🔥🥳
☝️☝️☝️☝️☝️😍😍😍😍☝️☝️☝️☝️☝️
00:00 Неявная сетка
07:20 Направление сетки
08:13 Явная сетка
09:35 Повторение repeat
12:29 Фракция fr
15:54 auto-fill, auto-fit
16:44 Функция minmax
20:14 Выравнивание элементов внутри сетки
24:32 Выравнивание рядов, колонок сетки
29:44 Выравнивание конкретного элемента сетки
31:23 Точное выравнивание с помощью margin
34:51 Позиционирование элементов сетки
36:35 Растягивание элементов сетки
41:52 Разметка - Области сетки
43:51 Пример разметки каркаса сайта
50:07 Еще один пример разметки сетки
52:43 Пример использование сетки в адаптивной верстке
59:10 Мощность шаблонизатора Pug
01:03:30 Подарок!
15. CSS Grid Layout. Грид-сетка. Гайд по гридам в CSS
🔥CSS GRID СЕТКА 🎉 САМЫЙ ПОНЯТНЫЙ И ПОЛНЫЙ УРОК! Верстка для новичков...
Grid сетки в CSS. Часть 1
Вот почему CSS Grid лучше для простой сетки
🔥 CSS Grid - самый ПОНЯТНЫЙ ГАЙД по всем свойствам за 13 минут + Шпаргалка...
CSS Grid Layout. Свойства элементов grid сетки grid-row grid-column order gap и другие...
CSS Grid #4 Именование grid-линий, создание сетки, позиционирование элементов...
Grid CSS полный курс за 13 минут. Все свойства
CSS Grid с нуля №2. Явная и неявная сетка
CSS Grid #6 Толщина линий сетки
CSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSS...
CSS Grid: КАК УСКОРИТЬ вёрстку в 2 раза? Использование Грид-сетки в Taptop....
CSS Grid #8 Автоматическое размещение элементов сетки
CSS Grid #5 Выравнивание элементов и полос сетки
CSS Grid #2 Явная и неявная сетки
Grid сетки в CSS. Часть 2
CSS сетка (GRID) | CSS для Профи
Полный гайд по CSS Grid: адаптивная верстка за пару минут
CSS Grid: Короткий, Но МОЩНЫЙ Гайд!
Flexbox против Grid: когда и что лучше использовать? #css #flexbox #grid...
CSS Grid с нуля №4. Адаптивный грид без медиа-запросов
CSS Grid и модульные сетки [GeekBrains]
Flexbox vs Grid практические примеры.
Позиционирование ячеек в CSS Grid
Комментарии