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

J'adore le CSS. Il suffit de mettre scroll-behavior: smooth; sur son html et hop, les liens qui mènent à des ancres créent une animation fluide. Pas besoin de faire des bidouilles en JS <3

Centrer un contenu en flex :
     display: flex;
     align-items: center;
     justify-content: center;
Centrer un contenu verticalement, mais aligner le contenu à droite :
     display: flex;
     align-items: center;
     justify-content: flex-end;
Avoir une taille qui s'adapte à la largeur de l'écran : 2vw (viewport width, et vh existes aussi)
Calculer une taille : calc(2vw + 3rem)
Passer un texte en uppercase : text-transform: uppercase;