Quand vous utilisez flex pour des trucs assez précis en CSS, avec des min-width ou max-width, genre :

• élément 1 : flex-grow: 0; flex-shrink: 1; flex-basis: 50%;
• élément 2 : flex-grow: 1; flex-shrink: 0; flex-basis: 50%; min-width: 300px;
  Pensez à mettre un flex-wrap: nowrap; sur le parent. Sinon au lieu de shrink votre premier élément poussera l'autre à la ligne, et vous perdrez 2h pour rien ! :D