Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

[Duda] Quiero entender mejor el flex-grow

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

En este ejercicio, para todo se coloca el 1 como valor a la propiedad flex-grow? pensé en ponerle 5. Ayúdenme

1 respuesta
solución!

¡Hola Sergio!

Si hubieras decidido ponerle un valor de 5 a flex-grow, estarías indicando que quieres que esas imágenes crezcan cinco veces más que las demás en relación al espacio disponible.

Al aplicar flex-grow: 1 a las imágenes, se logra que el espacio disponible se distribuya proporcionalmente, aumentando el ancho de cada imagen a 250px, lo que cumple con el objetivo de que ocupen todo el ancho disponible del contenedor.

Puedes leer más a respecto de las propiedades flexbox aquí: https://www.aluracursos.com/blog/flexbox-css-guia-completo-elementos-y-ejemplos

Espero que esta explicación te ayude a entender mejor cómo funciona flex-grow en este caso. Si tienes más dudas, no dudes en preguntar.

¡Saludos!

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