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

Опубликовано: 29 Сентябрь 2024
на канале: Фрілансер по життю

191,144

8.3k

Продолжаем изучать 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 канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: https://t.me/flschat (https://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

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