CSS-свойство grid
Описание: Определяет макет содержимого в виде сетки, позволяя размещать элементы в двумерной структуре.
Значения:
- none
- <grid-template-rows> / <grid-template-columns>
- subgrid
- inherit
- initial
- unset
Начальное значение: none
Применяется к: Элементы, которые становятся grid-контейнерами
Наследуется: Нет
Медиа-тип: visual
Пример использования
.container {
display: grid;
grid-template-columns: 1fr 2fr;
}Доступность (a11y)
- Сеточная раскладка облегчает адаптацию к увеличению масштаба, сохраняя логичную структуру.
- Следите, чтобы при изменении размеров основные элементы оставались доступными для клавиатурной навигации и скринридеров.