Источники: https://doka.guide/css/grid-guide/ https://habr.com/ru/companies/macloud/articles/564182/ https://webformyself.com/min-content-max-content-i-fit-content-v-css/ https://developer.mozilla.org/en-US/docs/Web/CSS/minmax https://habr.com/ru/companies/ruvds/articles/529830/ Содержание: 1. Что такое гриды? 2. Как же Грид работает? 3. Основные термины 4. Схема CSS Grids 5. display: grid; 6. grid-template-columns, grid-template-rows 6.1. repeat() 6.2. fr 7. grid-auto-columns, grid-auto-rows 7.1...

Привет! Сегодня мы поговорим о CSS Grid и его основах. Grid — это мощный инструмент для создания сеток и макетов на веб-страницах. Вот несколько ключевых моментов, которые помогут тебе понять основы и преимущества CSS Grid: Определение контейнера сетки Свойство display: grid применяется к родительскому элементу, который будет служить контейнером для нашей сетки. После применения этого свойства, контейнер превращается в сетку, которую мы можем настраивать и размещать на ней элементы. Например, чтобы создать контейнер сетки, мы можем применить следующее правило CSS: ...