Разработка и интерфейсы
CSS Grid
Система CSS для двумерной компоновки: автор задает ряды, колонки и области, а элементы размещаются в ячейках. Grid удобен для страниц и карточных каталогов, когда нужно одновременно контролировать обе оси. Автоматическое размещение помогает адаптировать число колонок к ширине контейнера.
Пример на практике
Каталог использует repeat(auto-fit, minmax(...)) и сам перестраивает карточки.
Когда пригодится
Задавайте явные области для основных частей сложной страницы.
Что важно учитывать
Не задавайте фиксированные ширины всем колонкам: длинный текст и локализация могут переполнить сетку.
Словарь tarasovcode — проект Ильи Тарасова и TarasovWeb. Telegram-канал · #tarasovweb · #ИльяТарасов
Вернуться к 400 терминам