Hug contents — размер по содержимому; Fill container — растянуться в доступном пространстве родителя; Fixed — жёсткая ширина/высота. Комбинации задают адаптивность строки/колонки.
Разбор
- Текст в кнопке часто Hug, кнопка в баре — Fill.
- Ошибки Fill/Hug — частая причина «поплывшей» вёрстки в макете.
- Min/max width дополняют поведение.
- Проверяйте крайние длины копирайта.
Итог
Hug/Fill/Fixed определяют, кто диктует размер — контент, родитель или дизайнер.
