Flex Box в MS Edge не изменяет размер в Window ⇐ Html

[Anonymous]

У меня есть Flexbox, который работает без проблем в ff.
in inde, (и я предполагаю хром), Flexbox не изменяется, когда окно изменяется. Некоторые другие изменения переместили изображения, но ни один не изменил размер изображений, когда окно браузера было изменено. < /P>





Flexbox with Images

body {
display: flex;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
justify-content: center;
align-items: center;
height: 100%;
background-color: #f4f4f4;
}

.flex-container {
display: flex;
justify-content: space-around;
align-items: center;
gap: 20px;
padding: 20px;
background-color: #ffffff;
border: 2px solid #ddd;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.flex-container img {
width: 100%;
height: auto;
flex: 1 1 auto;
margin: 0 10px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}













Подробнее здесь: https://stackoverflow.com/questions/796 ... dow-resize