Почему блок меньше, чем указанная в стилях ширина?

Question

[Roman_Gy]

В верстке есть флексовый блок , в котором есть блок с шириной 80%, но на деле этот блок отображается меньше. В связи с чем получается данное поведение?

Ссылка на верстку

Answer 1

[Сергей delphinpro]

Потому что соседний больше.
Если не хотите, чтобы блок уменьшался меньше заданного (во флекс-контексте) - укажите это явно:

flex-shrink: 0;

по умолчанию это значение равно единице, что позволяет блоку уменьшаться при необходимости.