margin-top : auto en action

Gridflex



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 max) !
grid

NEWS

min-width: 200px; corrige le bug de minmax()
corne de brume ?
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
Notez l'utilisation astucieuse pour les paragraphes de margin-top: auto;
flex

Img

cool !
Astuce du chef
margin-top: auto; 
le lien sera en bas !
margin-top : auto



See you soon !