🗽да, сегодня вместе со мной вы узнаете что это такое.
— Епт, я что такое грид???😬
CSS Grid (грид) нужен для создания сложных макетов в веб-разработке. Это двухмерная система сеток, которая позволяет управлять строками и столбцами одновременно.
— Некоторые задачи, для которых используется Grid:
• Создание адаптивных макетов — они корректно отображаются на разных экранах.• Вёрстка основных областей страницы и небольших элементов пользовательского интерфейса.
• Создание галереи изображений — каждая картинка может занимать разное количество колонок и строк.• Создание адаптивных макетов для статей или блогов — текст и изображения могут сочетаться, автоматически адаптируясь под размер экрана пользователя.
— Принцип работы:
Грид-контейнер — родительский контейнер, который создаёт сетку и делает дочерние элементы её ячейками. По умолчанию создаётся сетка с одной колонкой, а строки добавляются автоматически в зависимости от количества элементов внутри контейнера.
Грид-линии — границы, которые разделяют строки и колонки. Определяют, где начинаются и заканчиваются ячейки, треки и области. У каждой линии есть свой порядковый номер.
Свойства grid-column и grid-row управляют расположением элемента в сетке, указывая, на каких линиях начинается и заканчивается элемент. Это даёт возможность задавать, сколько колонок или строк должен занимать элемент.
🕯подсказка:
grid-column – по оси Х
grid-row – по оси У
🎭 всю информацию я соскребла с открытых источников интернета, а ссылками поделился пользователь дискорда, что очень благодарна.
📖 Ссылки для изучения:
• Ютуб видео для людей знающих английский – чекнуть
• Классная игра которая помогает понять Grid – играть
• Полезная статья с хорошей интонацией – почитать
• CSS свойства и синтаксис – Почитать и ещё Почитать и ещё Почитать
• Визуализация Сетки – Потыкать
• Визуальный сайт – Потыкать Потыкать
На это ещё не всё: Потыкать Потыкать Потыкать Потыкать
Потыкать Потыкать Потыкать
Сайты помогающие генерировать grid: Генерировать Генерировать Генерировать
— зачем я об это вам рассказала? Да потому что многие люди облизываются на профиль нашей любимой сефы. как я поняла в её профиле используется баннер, исходя из тейка оттуда я взяла эту информацию. а что бы использовать баннер нужно уметь пользоваться Grid-ом, о чём я сама узнала ночью)
💣упс, информация на английском, используйте переводчик!
скоро сделаю пост с инфой о лорбуках по вашей просьбе!
#База #Руководства #Ссылки #Практика @DilletaCSS_Bot