min-height: 0 — внутренний скролл в flex-layout

У flex-потомка по умолчанию min-height: auto — он не сжимается ниже контента, и overflow: auto не появляется. min-height: 0 (или min-block-size: 0) разрешает скролл внутри sidebar.

Классический паттерн: body flex column, main { flex: 1; min-height: 0; overflow: auto }.

- [min-height — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) — auto и 0.

- [Flexbox scroll areas — CSS-Tricks](https://css-tricks.com/flexbox-truncated-text/) — min-width/min-height 0.

---

## Grid

Та же логика с min-width: 0 для обрезки текста в grid-ячейке.