El contenedor es flex con la propiedad flex wrap (envolver), para que cuando se estreche, las tarjeta al llegar al mínimo de su ancho, pasen a la siguiente columna. Las tarjeta son de ancho un 30% de tamaño (sobre su contenedor) y un minimo de 300 px. Si nos fijamos, al ser del 30% de tamaño, no ocupan todo el ancho del contenedor.  

Las tarjeta Añadimos la propiedad Flex grow=1 (en la pestaña contenido) y esto hace que las tarjetas ocupen el 100%. Tambien en responsive, cuando la tarjeta ultima, baja a la siguiente fila, ocupa todo el ancho.  ¿Para qué sirve el ancho? pues determina el mínimo, si en lugar de 30% y haber 3 en linea, su tamaño es 20% habría 4. El ancho mínimo tambien influye claro.

Las tarjeta le quitamos a la tarjeta la propiedad Flex grow (ponemos a 0) para que no se ensanchen hasta completar el ancho del contendeor. El contenedor en las opciones de alineamiento, en Alinear el eje principal le decimos que se centre.