gap в Grid и Flex: единые отступы сетки
Без margin на каждой карточке.
`gap` задаёт расстояние между треками и рядами в `display: grid` и между flex-элементами — не нужны отрицательные margin на row.
`row-gap` и `column-gap` (или `gap: row col`) разделяют вертикальный и горизонтальный ритм на планшете.
- gap — MDN — Для grid и flex.
- CSS Grid layout — web.dev — gap в сетке.
Старые браузеры
Gap в flex поддерживается везде в Baseline 2024 — для legacy можно fallback на margin на wrapper.