min-content и max-content: колонки sidebar без фиксированных px
Интринсик sizing в `grid-template-columns` для дашбордов.
Ключевые слова `min-content`, `max-content` и `fit-content()` задают ширину по содержимому — sidebar «по ширине меню», центр — `1fr`.
Избегайте max-content на длинных URL без overflow-wrap.
- fit-content — MDN — Функция и ключевые слова.
- Grid template columns — MDN — Синтаксис треков.
Адаптив
На мобильном переключайте на одну колонку через media или container query.