Продолжаем изучать Grid Layout и сегодня поговорим о свойствах определения сетки, а именно о grid-template-rows, grid-template-columns, grid-template. А так же grid-template-areas, grid-auto-rows, grid-auto-columns и grid-auto-flow.
👉Весь прейлист CSS Grid Layout: - • CSS Grid Layout
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
Содержание:
00:00 - Введение
00:16 - Свойства grid-template-rows и grid-template-columns
03:52 - Единица гибкости fr
07:00 - Применение minmax
09:13 - Контентная ширина, fit-content
11:38 - Применение repeat
12:49 - Свойство grid-template-areas
16:19 - Свойство grid-template
19:13 - Неявная сетка. grid-auto-rows, grid-auto-columns
20:58 - Свойство grid-auto-flow
22:18 - Напутствие
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©
12 июн 2024
