Diminuer/Augmenter la taille

la grille

en bref

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; 
 

Pour l'instant le bug doit être corrigé en indiquant explicitement

sur chaque div

une valeur min ou mas !

grid

NEWS

min-width: 200px; corrige le bug de minmax()

corne de brume ?

Chaque item est flex

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

Notez l'utilisation astucieuse pour les paragraphes de margin-top: auto;

grid

Img

cool !

Astuce du chef

margin-top: auto; 

le lien sera en bas !

margin-top : auto
Edit in JS Bin