Почему «плющит» крайне правый блок с телефонными номерами"?

Question

[Сергей К]

Добрый день. Подскажите пожалуйста почему "плющит" крайне правый блок с телефонными номерами"? У родителя только space betwwen, flex 1 1 auto и 100% нигде не использовал, задать фиксированную ширину не вариант. https://sergei00026.github.io/lesson_26/

Comments

[Ankhena]

Вариантов несколько, например:
1. Добавить flex-shrink: 0 для header__telephons (Если что, telephones или просто phones)
2. Запретить перенос у телефонных номеров white-space: nowrap

Answer 1

[Александр Варлаков]

Чушь написал в предыдущем ответе (уже удалил)....

header__contacts - надо добавить flex-shrink: 0
P.S.
Удобно, но рано:
https://caniuse.com/flexbox-gap

Comments

[Сергей К]

рано из-за UC Browser for Android?

[Александр Варлаков]

Не, из-за сафари 12-14

Answer 2

[Ankhena]

Вариантов несколько, например:
1. Добавить flex-shrink: 0 для header__telephons (Если что, telephones или просто phones)
2. Запретить перенос у телефонных номеров white-space: nowrap