Верстка · Senior · Запитання 25 з 75
Чим min-content, max-content і fit-content відрізняються як значення ширини?
- 1Це синоніми
0,100%іauto, додані для читабельності коду - ✓Правильна відповідь: Мінімум за довгим словом, ширина без переносів і
max-contentз обмеженням - 3Це значення лише для треків Grid, у звичайних блоків вони не працюють
Пояснення
Це внутрішні (intrinsic) розміри, що залежать від контенту. width: fit-content зручний для «гумових» бейджів і кнопок, які не мають розтягуватися на всю ширину. У Grid їх використовують у визначеннях треків: grid-template-columns: max-content 1fr.