Урок 26. Ресурсы: Введение в CSS Grid

📁 Раздел: CSS Grid ⏱️ Время изучения: ~60 мин 🎯 Сложность: Средняя
#display #grid-template-columns #grid-template-rows #gap

⚡ Кратко

CSS Grid создаёт двумерную сетку: строки и колонки одновременно. Это основной инструмент для layout, где важны и ширина, и высота областей.

Документация

Тренажёры

Что повторить

  • Flexbox (урок 25) — одномерная раскладка, с которой сравнивается Grid.
  • Блочная модель и box-sizing — как считается ширина ячеек.
  • Свойство display и DevTools Grid overlay.

Навигация