Верстка · Senior · Запитання 28 з 75
Чому в grid-колонки 1fr довге слово чи широка таблиця може «розперти» сітку?
- ✓Правильна відповідь:
1fr- цеminmax(auto, 1fr): трек не вужчий за min-content - 2
frрахується від ширини вікна браузера, а не від контейнера - 3Це баг рушіїв, який уже виправлено в останніх браузерах
Пояснення
Для fr-треків мінімальний розмір за замовчуванням auto, тобто не менший за мінімальний контент. Широкий елемент збільшує трек, і колонки перестають бути рівними. Рішення - minmax(0, 1fr) у визначенні треку або min-width: 0 / overflow: hidden в елемента.