design

minmax(0, 1fr): почему fr-колонка «сжимается» в Grid

minmax(0, 1fr): почему fr-колонка «сжимается» в Grid

По умолчанию min-size auto content-based — дочерний pre или длинное слово раздувает 1fr колонку. Решение: minmax(0, 1fr) или min-width: 0 на потомке.

Классическая ловушка dashboard и таблиц в grid.

- [minmax() — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax) — min, max, fr.

- [Grid overflow — CSS-Tricks](https://css-tricks.com/preventing-a-grid-blowout/) — minmax(0, 1fr) pattern.

---

## Отладка

В DevTools Grid overlay смотрите min track size — красные overflow подсказки.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.