fbpx

Web-responsive, flex item no es responsivo dentro de su contenedor padre.

  • Web-responsive, flex item no es responsivo dentro de su contenedor padre.

     Angel Sánchez Espinoza Actualizado 3 meses 2 Miembros · 4 Publicaciones
  • Eduardo Díaz Cruz

    Miembro
    30 agosto, 2021 en 11:54 pm

    Hola, estoy trabajando un ejercicio de la mano con el curso en la parte web-responsive, llegué a un punto maquetando donde utilizando:

    .flex-container{

    display:flex;

    flex-wrap: wrap;

    }

    Sobre mi caja contenedora el texto se ajusta y es responsivo mientras que la imagen no cambia de tamaño, el html del contenedor es el siguiente:

    <div id=”vista2″ class=”flex-container”>

    <div class: “texto”>lorem</div>

    <div class: “img”> </div>

    </div>

    Mi duda es, cómo hacer que la imagen se reduzca con el tamaño de la pantalla siendo que no es “afectada” por el flex en el contenedor padre.

  • Angel Sánchez Espinoza

    organizador
    31 agosto, 2021 en 3:35 pm

    Hola Eduardo,

    Es necesario colocar un ancho del 100% a la imagen. Ejemplo: <img width=”100%”>

    Me comentas si te funcionó.

    • Eduardo Díaz Cruz

      Miembro
      1 septiembre, 2021 en 10:10 pm

      Hola, efectivamente, tuve que utilizar un .class img{} en css y ahí agregué el width:100%.

      Muchas gracias. ✌

      • Angel Sánchez Espinoza

        organizador
        6 septiembre, 2021 en 8:06 pm

        Genial, recuerda que esto lo tienes que hacer en todas las imágenes para que tomen siempre el ancho de su contenedor. 😀

Visualización de 1 - 2 de 2 respuestas

Publicación original
0 de 0 Publicaciones Junio 2018
Ahora