CSS Grid Layout. Свойства определения сетки grid-template и другие

Продолжаем изучать 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: - https://www.youtube.com/playlist?list=PLM6XATa8CAG5pXQrW_kDaeZb_uIAMNZIm

🔴 Получить доступ к плюшкам + поддержать канал: 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

Содержание: 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 - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle

🤟 Живи, а работай в свободное время! © ... https://www.youtube.com/watch?v=FPL4hnmA84A