HTML i CSS · Senior · Pytanie 28 z 75
Dlaczego długie słowo lub szeroka tabela może „rozsadzić” kolumnę grid 1fr?
- ✓Poprawna odpowiedź:
1froznaczaminmax(auto, 1fr): ścieżka nie może być węższa niż min-content - 2
frjest liczony od szerokości okna przeglądarki, a nie kontenera - 3To błąd silnika, już naprawiony w najnowszych przeglądarkach
Wyjaśnienie
Dla ścieżek fr domyślnym minimum jest auto, czyli nie mniej niż minimalna treść. Szeroki element powiększa ścieżkę i kolumny przestają być równe. Rozwiązanie: minmax(0, 1fr) w definicji ścieżki lub min-width: 0 / overflow: hidden na elemencie.