Porque flex-shrink lo aplico en la version escritorio y no en la parte responsive.
Solucionado
Porque flex-shrink lo aplico en la version escritorio y no en la parte responsive.
Hola Óscar, como estás?
En este caso no es necesario aplicar un flex-shrink para la versión mobile, pues aplicamos un flex-direction: column, si vemos el concepto de flex-shrink que especifica la contracción de un flex item. Los flex items se encogerán para llenar el contenedor de acuerdo a su número flex-shrink.
Entonces en la versión mobile cuando aplicamos un flex-direction: column no es necesario contraer ningún flex-item puesto que todos los eslementos se colocan uno de bajo del otro y se adaptam a la pantalla.
gracias Jose Gonzalez.