CSS Grid Layout. Свойства элементов grid сетки grid-row grid-column order gap и другие

Опубликовано: 06 Октябрь 2024
на канале: Фрілансер по життю
107,917
5.3k

Продолжаем изучать 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: -    • CSS Grid Layout  

Содержание:
00:00 - Введение
00:16 - Основные особенности
01:49 - Перемещение элементов сетки
05:02 - Имена линий сетки
07:24 - Порядок вывода
07:47 - Выравнивание элементов сетки
10:27 - Промежутки между элементами сетки
11:36 - Напутствие

🔴 Получить доступ к плюшкам + поддержать канал:   / freelancerlifestyle  
🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
🔴 Facebook:   / freelancerlifestyle  
🔴 Instagram:   / freelancer.lifestyle  

👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал:    / freelancerlifestyle  

🤟 Живи, а работай в свободное время! ©