1
respuesta

[Duda] ¿Por qué deforma la imagen y la pone sobre el texto? en .populares___contenido

Siguiendo el video antes de trabajar con .populares_contenido me aparece imagen, descripción en una sola columna alineada a la izquierda.

Al utilizar el siguiente código

.populares__contenido{
    display: flex;/* por qué deforma la imagen ? y desplaza la descripción bajo la siguiente imagen*/
    flex-wrap: wrap; /*descripcion*/
    grid-area: contenido;
    padding: 1rem 0rem;

}

en la línea de DISPLAY: FLEX; ¿por qué deforma la imagen y desplaza la descripción bajo la siguiente imagen?

![](Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad )

1 respuesta

Hola Manuel!

Te dejo un enlance con un articulo sobre flex-box!

https://www.aluracursos.com/blog/flexbox-css-guia-completo-elementos-y-ejemplos

La imagen queda así porque esta tratando de adaptarse al tamanho de su container

Trata de definir a la tag esto:

img {
    width: 100%
}

De esta forma siempre quedará 100% de su tamaño y no tratará de adaptarse

Un saludo!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios