Изображения оленьей кожа размера в Flexbox

Question

У меня есть этот

.parentcontainer 
{ 
background-color: black; 
max-width: 100%; 
display: flex; 
flex-direction: row; 
flex-wrap: nowrap; 
justify-content: flex-start; 
align-items: space-around; 


} 

.aside 
{ 
display:flex; 
flex: 30%; 

flex-direction: column; 
flex-wrap: nowrap; 
justify-content: flex-start; 
align-items: stretch; 



} 
.content 
{ 

background-color: blue; 
flex: 70%; 
display: flex; 
flex-direction: column; 
flex-wrap: wrap; 
justify-content: space-between; 
align-content: flex-start; 
max-height:800px; 


} 

.content img 
{ 
width: 100%; 
max-width: 100%; 
height: auto; 
} 

при изменении размера брАузЕра ГИМ на .content не суммируются и не изменять размеров, и мне нужно сделать горизонтальную прокрутку. Как я могу изменить размер изображений? и дочерний контейнер не становится больше, чем родительский контейнер. Благодарю.

EDIT: теперь я меняю содержимое на столбцы, а высота mas до 800 пикселей. Я хочу, чтобы статьи .content спустились, и когда они достигнут 800 пикселей, сделайте еще один столбец. проблема остается, статьи .content выходит за пределы родительского поле вместо или изменить размер ...

Answer 1

Попробуйте это:

.content img{ 
    width: 100%; 
    max-width: 100%; 
    height: auto 
}