Какие знаешь фичи Grid

Grid Layout — мощная система для двумерного макетирования. Основные фичи:

1. Grid Container — родительский элемент с display: grid
2. Явное/неявное позиционирование через grid-template-areas
3. Функции:
   • repeat() — повторяет шаблон
   • minmax() — задаёт диапазон размеров
   • fit-content() — ограничивает размер контентом

4. Выравнивание:
   • justify-items, align-items — внутри ячеек
   • justify-content, align-content — сетки в контейнере

Пример:

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.item {
  grid-column: span 2;
}