Grid et flex.

Diminuer/Augmenter la taille

la grille

Utilisation de repeat avec comme valeur auto-fit. la largeur min est fixée à 200px

display: grid;  
grid-template-columns: 
repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 2rem; 
 

items

Chaque item est flex

display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

Notez l'utilisation astucieuse pour les paragraphes de margin-bottom: 0;

Img

Les images sont définies avec

order: -1;

Les images vont apparaitre en haut des items