В предыдущей заметке по свойству flex есть короткая запись:
/* Одно значение, ширина/высота: flex-basis */
flex: 10em;
Вроде бы удобно, но есть одно но. Если вы хотите указанным способом задать только flex-basis, то для в браузере мы получим:
flex: 1 1 10em;
Все бы ничего, но если ранее вы указали для нужного элемента свойства flex-shrink или flex-grow, отличные от 1 1, то краткая запись flex: 10em; (например, в media query вам надо указать flex-basis) переопределит вышеуказанные flex-shrink или flex-grow.