Solucionado (ver solución)
Solucionado
(ver solución)
2
respuestas

Disminuyendo proporcionalmente los elementos

1) Cuando el ancho de la pantalla llega a 800 px, los elementos mantienen 200 px de ancho cada uno llenando todo el espacio de la pantalla, sin embargo, qué pasa con el ancho de los flexItem cuando disminuimos la pantalla a por ejemplo 600 px.

R= Al reducir la pantalla a 600px los flex item disminuyen también, la pantalla disminuye a 200px y cada items disminuye a 50px, por lo que cada flex.item quedaría con 150px.

2) ¿Qué ocurre también con su ancho cuando aplicamos el siguiente CSS a nuestro código?

.flexItem:first-child {
  flex-shrink: 2;
}

R=Aquí estamos indicando que el primer elemento va reducir de forma diferente a los demás elementos

2 respuestas
solución!

Hola Verónica, espero que estés bien!

Muy bien, esa es exactamente la idea. Buena respuesta. Si tienes alguna pregunta sobre el curso o el contenido, ¡Estoy aquí! ¡Vamos juntos!

Si este post te ayudó, por favor, marca como solucionado ✓.

Gracias Verónica.