Коллапсирование полей является отличительной чертой контекста форматирования блока .
В контексте форматирования flex нет разворачивания маржи.
3. Контейнеры Flex: значения
flex
иinline-flex
display
Контейнер flex устанавливает новый контекст форматирования Flex для его содержимого. Это то же самое, что и создание контекста форматирования блоков, за исключением того, что вместо макета блока используется гибкая макет. Например, поплавки не попадают в контейнер flex, а поля гибкого контейнера не сворачиваются с полями его содержимого.