Buenas. Estoy usando flexbox para el layout de una pagina. El problema que tengo es que tengo 2 cajas: un aside, que ocupa un 30% de pagina, con imagenes en columna, y el 70% restante el content, con texto e imagenes. El problema es que al redimensionar las imagenes empiezan a reducirse como es normal. Pero al reducir mas el contenido se descuadra todo,en vez de reducir mas su tamaño.
no se como hacer para que no se descuadre del ancho del body y que no se superpongan las cajas, sino que se reduzca lo necesario para mantener la posicion.
Código:
.contenedor
{
margin-top: 5px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
align-items: flex-start;
}
.aside
{
max-width: 30%;
}
.content
{
margin: 1px 2px;
max-width: 70%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-content: space-around;
max-height: 740px;
}
article
{
max-width: 48%;
}