Урок 9.7. Grid CSS: justify-self, align-self, grid-column: span, grid-row: span. Итоги. Напутствие
Клон плейлиста на Яндекс.Дзен: https://dzen.ru/suite/fb7317b3-283e-4d07-b4e5-b3fe6bcad669?share_to=link 🎯 О чем это видео: В этом видео мы еще раз углубимся в возможности CSS Grid Layout, изучив ключевые свойства `justify-self`, `align-self`, `grid-column: span`, и `grid-row: span`. Научитесь выравнивать элементы внутри сетки и управлять их размерами с помощью мощных инструментов Grid CSS. 🌟 Что вы узнаете: - ✅ Как использовать `justify-self` для выравнивания элементов по горизонтали. - ✅ Как применять `align-self` для выравнивания элементов по вертикали. - ✅ Как расширять элементы на несколько колонок с помощью `grid-column: span`. - ✅ Как расширять элементы на несколько строк с помощью `grid-row: span`. 🚀 Напутствие: Теперь, когда вы овладели этими навыками, применяйте их в своих проектах и не бойтесь экспериментировать с Grid CSS. 🔗 Ссылки и ресурсы: - [Документация по CSS Grid] (https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Grid_Layout) - [Примеры и туториалы] (https://css-tricks.com/snippets/css/complete-guide-grid/) Тренажер по Grid CSS: https://cssgridgarden.com/#russiaukrainewar Попробовать"методом тыка" в песочницах (не злоупотребляйте😊): https://www.cssgridplayground.com/ https://alialaa.github.io/css-grid-cheat-sheet/ https://codepen.io/anthonydugois/full/RpYBmy 👍 Подписывайтесь и ставьте лайки: Не забудьте подписаться на канал, чтобы не пропустить новые уроки и обновления. Ставьте лайки, если видео было полезным, и делитесь им с друзьями! #html5course #css3course #cssgrid
Название:
Урок 9.7. Grid CSS: justify-self, align-self, grid-column: span, grid-row: span. Итоги. Напутствие
Категория:
Разное