CSS Grid Layout. Свойства элементов grid сетки grid-row grid-column order gap и другие
Продолжаем изучать Grid Layout и сегодня поговорим о элементах Grid сетки, а именно о перемещении сортировке и выравнивании Grid элементов свойствами grid-row-start, grid-column-start, grid-row-end, grid-column-end. Именованные линии сетки. Порядок вывода элементов Grid сетки с помощью order. Выравнивание элементов сетки align-items, justify-items, justify-self и align-self. Промежутки между элементами сетки row-gap, column-gap и gap.
👉Весь прейлист CSS Grid Layout: - https://www.youtube.com/playlist?list=PLM6XATa8CAG5pXQrW_kDaeZb_uIAMNZIm
Содержание:
00:00 - Введение
00:16 - Основные особенности
01:49 - Перемещение элементов сетки
05:02 - Имена линий сетки
07:24 - Порядок вывода
07:47 - Выравнивание элементов сетки
10:27 - Промежутки между элементами сетки
11:36 - Напутствие
🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
🔴 Facebook: https://www.facebook.com/freelancerlifestyle
🔴 Instagram: https://www.instagram.com/freelancer.lifestyle
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle
🤟 Живи, а работай в свободное время! ©
Видео CSS Grid Layout. Свойства элементов grid сетки grid-row grid-column order gap и другие канала Фрилансер по жизни - IT и фриланс
👉Весь прейлист CSS Grid Layout: - https://www.youtube.com/playlist?list=PLM6XATa8CAG5pXQrW_kDaeZb_uIAMNZIm
Содержание:
00:00 - Введение
00:16 - Основные особенности
01:49 - Перемещение элементов сетки
05:02 - Имена линий сетки
07:24 - Порядок вывода
07:47 - Выравнивание элементов сетки
10:27 - Промежутки между элементами сетки
11:36 - Напутствие
🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
🔴 Facebook: https://www.facebook.com/freelancerlifestyle
🔴 Instagram: https://www.instagram.com/freelancer.lifestyle
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle
🤟 Живи, а работай в свободное время! ©
Видео CSS Grid Layout. Свойства элементов grid сетки grid-row grid-column order gap и другие канала Фрилансер по жизни - IT и фриланс
Показать
Комментарии отсутствуют
Информация о видео
1 августа 2020 г. 12:06:37
00:12:03
Другие видео канала
Адаптивная верстка интернет-магазина с нуля. Часть #5. GULP SCSS JSCSS Grid Layout. Свойства определения сетки grid-template и другиеМодальные окна (попапы) на HTML CSS JavaScript. Всплывающие окна. Как это сделать?История Паши. Советы Senior Full Stack Developer. Собеседования, путешествия, JavaScript фреймворки.Все про CSS отступы padding и margin. Объяснение на практике за 33 минуты.Виды сайтов за 14 минут. Какие бывают сайты, типы сайтов.FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть третья - свойство flex-directionСвойства и стили оформления блоков. CSS opacity. Уроки HTML CSS JS. Урок №8CSS свойство BACKGROUND. Делаем фон для сайта // Уроки HTML CSS JS. Урок №9FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнераКак устроена bootstrap 4 сетка / Главная ошибка дизайнеров / Модульная сеткаCSS Grid Layout. Кроссбраузерность. Grid и Flex. Основные понятия.Отзывчивый выход объекта за пределы сетки CSS HTML. Интересный случай с контейнером.CSS Grid Layout #10 - авто-размещение элементов с grid-auto-flowCSS Grid #6 Толщина линий сеткиCSS Grid. Полный курсГЛАВНЫЕ свойства в CSS GridFLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть вторая - свойства flex-элементовCSS Grid #2 Создание 3х колоночного макета (grid-template-columns)Смотрю ваши работы по верстке. Советы, позитивная критика