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